body.type_1 { background: none;} #content.no_bg { background: #efefef;} .type_1 #wrapper {background:url(../images/bg_v2.png) repeat-x left top; } .inner { margin: 0 auto; min-width: 950px; max-width:1200px;} .tabs { height: auto;} #head{ height:128px; background:#fff; width:100%; } .type_1 #logo { float: left; width:153px; } .type_1 #logo a {float:left; width:153px; height:129px; background:url(../images/logo.png) no-repeat left top; text-indent:-999em;} .boxes .headline { border: none;} #footer { background:#efefef} textarea { font-family: inherit; font-size: inherit; } #tab_events .block ul { float:left; width:100%; } #tab_events .block ul li { float:left; width:100%; margin-bottom:7px; } #tab_events .block ul li input { float:left; width:308px; height:25px; padding:1px 5px; border:1px solid #a1a1a1; background:none; } #tab_events .block ul li .label { margin-right:10px; text-align:left; font-size:12px; color:#0e0e0e;} #tab_events .block ul li span { float: left; width: 180px; height: 27px; line-height: 27px; margin-right: 10px; font-size: 12px; color: #0e0e0e; } .section_tabs .tab_m li a .spanlink{float:right;font-size:10px; line-height:110%; padding-top:10px;} .section_tabs .tab_m li a .spanlink:hover {float:right;font-size:10px; text-decoration:underline; line-height:120%;} .top_info_alert {float:left; color:#1a8a36; width:400px; background:#f4faf6; border-bottom:1px solid #cccdcc;border-left:1px solid #cccdcc;border-right:1px solid #cccdcc;height:30px;-webkit-border-radius: 0px 0px 5px 5px; padding:15px 20px 20px 20px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; margin-bottom:10px; position:relative} .top_info_alert .box{height:50px; background:#f4faf6 url(/v3/images/info-green.png) no-repeat; padding-left:50px;} .top_info_alert .box h6{font-weight:normal; font-size:13px;margin-top:7px; } .top_info_alert .box h6.past_member_promotion{width:90%; margin-left:10%; text-indent:0px;margin-top:0px;} .top_info_alert .box a {color:#1a8a36; text-decoration:underline} .top_info_alert .icon.i_del{position:absolute; left:96%; top:6px; } .top_left_bar { float:left; width:430px; } .top_left_bar .message { color:#545454; font: normal 16px 'Signika', Arial, Verdana; margin-top:20px; margin-bottom:10px;} .top_left_bar .message a { float:left; color:#545454; line-height:180%; text-decoration:none } .top_left_bar .message a em { display:inline-block; font-style:normal; } .top_left_bar .message span { position:relative; display:inline-block; margin-left:10px; padding:0 10px; font-size:16px; color:#fff; background:#37b622; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .top_left_bar .message span i { position:absolute; bottom:-7px; left:0; width:100%; height:7px; background:url(../images/arrow_1.png) no-repeat top center; } .boxes .bg_color_5 { border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; } .boxes .bg_color_5 .wrap{ border:none; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; background:url(../images/sprites-color.png) repeat-x 0 -590px; } .boxes .bg_color_5 .wrap a.ask { position: absolute; right: 10px; top: 20px; padding: 2px 15px 3px; font-size: 14px; font-weight:bold; border:1px solid #61973c; color: #000; background: #a8d589; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .boxes .bg_color_5 .wrap a.ask:hover { background: #b2e291; color:#539bc5 } .boxes .bg_color_3 .wrap a{ position: absolute; right: 10px; top: 20px; padding: 2px 15px 3px; font-size: 14px; font-weight:bold; border:1px solid #b3a14a; color: #000; background: #e8db9b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .boxes .bg_color_3 .wrap a:hover { background: #f2e397; color:#539bc5 } .boxes .headline .minimize{ float:right; width:21px; height:13px; margin:17px 15px 0 0; background:url(../images/sprites-icon.png) no-repeat -677px -296px; *display:inline; } .boxes .headline .minimize:hover{ background-position:-677px -309px; } .boxes .headline .maximize{ float:right; width:21px; height:13px; margin:17px 15px 0 0; background:url(../images/sprites-icon.png) no-repeat -716px -296px; *display:inline; } .boxes .headline .maximize:hover{ background-position:-716px -309px; } .boxes.meditation .content { background: url(../images/meditation_bg.png) no-repeat left bottom; background-size: 100% 100%; } .boxes.meditation .content .live { margin:10px 20px; } .boxes.meditation .content .time { background: none;} .boxes.meditation .content .start { background: none;} .boxes.meditation .content .timezone { background: none;} .boxes.meditation .content .watch { height:60px; padding:20px 0px; clear:both; margin-left:30%; } .boxes.meditation .content .change_timezone_img {float:left; margin-left:10px; margin-top:3px;} .boxes.meditation .content .change_timezone_button { float:left; padding: 2px 10px 2px 10px; color: #fff; background: #000; text-transform:uppercase; margin-bottom:5px; font-size:11px; width:105px;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .boxes.meditation .content h4 { margin:0px 10px 0px 0px; font-weight:bold} .boxes.meditation .content h3 { font-size:18px; margin:0px 0px 0px 0px ; padding:0px 0px 0px 0px ; font-weight:normal; text-indent:0px; } .boxes.meditation .content h3 sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size:12px;} .boxes.meditation .content h3 span { font-size:13px;} .boxes.meditation .content .countdown {background:#f5f5f5; width:360px; height:60px; text-transform:uppercase; color:#000; margin-top:10px; padding:5px 15px 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:11px; font-weight:bold;} .boxes.meditation .content .countdown ul{text-transform:none; margin-left:20px; } .boxes.meditation .content .countdown ul li{ float:left; font-size:16px; padding:0px 10px 0px 10px; border-right: 1px solid #000; height:40px; } .boxes.meditation .content .countdown ul li span{ font-size:18px; } .boxes.meditation .content .countdown ul li.last {border-right: none; } .boxes.meditation .content .countdown ul li span{font-size:30px; line-height:130% } #content .pages.mem_watch {margin-top:12px;} #content .bottom { float:left; width:100%; margin-top:0px; background:#efefef} #content .bottom .font_size { margin-top:10px; } #content .bottom .search { width:400px; } #content .bottom .search input { width:258px; height:30px; line-height:30px; } #content .bottom .search button { font-size:12px; width:120px; height:30px; text-transform:uppercase; background:url(../images/sprites-color_buttons.png) repeat-x 0 -554px; } #content .bottom .search button:hover { background-position:0 -585px; } #content .bottom .search-and-browse{ float: right; margin: 0px 0 0px 0; padding:0; } #content .bottom .search-and-browse .box{ display: block; width: 710px; padding: 20px 0px 0 20px; height: 50px; background: #fff; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;} #content .bottom .search-and-browse .box input{ float: left; width: 245px; padding: 7px 10px; border: 1px solid #a1a1a1;} #content .bottom .search-and-browse .box button{ height: 30px; float: left; padding: 0 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 11px; background: #3ab753; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #content .bottom .search-and-browse .box button:hover{ background: #4bcf65;} #content .bottom .search-and-browse .box .browse{ float: left; margin-left: 20px; padding-left: 10px; height: 30px; border-left: 1px dashed #595959;} #content .bottom .search-and-browse .box .browse a{ padding-right: 30px; background: url(../images/arrow_browse_category.png) no-repeat right center; display: block; height: 30px; color: #6a6a6a; line-height: 30px; font: normal 16px 'Signika', Arial, Verdana; padding-top:5px;} #content .bottom .search-and-browse .category-box { position: absolute; display: block; width: 550px; padding: 24px; background: #fff; border: 1px dashed #595959; z-index:2;} #content .bottom .search-and-browse .category-box h4{ line-height: 180%; font-weight: bold; font-size: 13px;} #content .bottom .search-and-browse .category-box a{ color: #717171;} #content .bottom .search-and-browse .category-box a:hover{ text-decoration: underline;} #content .bottom .search-and-browse .category-box .category{ float: left; width: 190px;} #content .bottom .search-and-browse .category-box .keyword{ float: left; width: 190px; margin-left: 25px; padding-left: 20px; border-left: 1px dashed #595959;} #content .bottom .search-and-browse .category-box .full-link{ float: left; width: 100%; clear: both; margin-bottom: 20px;} #content .bottom .search-and-browse .category-box .full-link a{ padding-left: 23px; background: url(../images/arrow_browse_full.png) no-repeat left center;} #content .bottom .search-and-browse .box .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; overflow: hidden; position: relative;} #content .bottom .search-and-browse .box .styled-select, #content .bottom .search-and-browse .box .styled-select select { width: 100px;} #content .bottom .search-and-browse .box select:focus { outline: none; } #content .bottom .search-and-browse .box .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } #content .bottom .search-and-browse .box .styled-select select::-ms-expand { display: none; } @-moz-document url-prefix(){ #content .bottom .search-and-browse .box .styled-select select { width: 120%; } } #content .bottom .search-and-browse .box select::-ms-expand { display: none; } #head .login_status { width:20%; text-align:right; position:absolute; right:10px; float:right; line-height:39px; font: normal 16px 'Signika', Arial, Verdana; color:#737373; } #head .login_status .login_label{ width:70%; float:right} #head .login_status .login_detail{ display:block; clear:both} #head .login_status a { text-decoration:underline; color:#666666; } #head .login_status .username { color:#076a21; text-decoration:none; text-transform:capitalize} @media screen and (max-width: 1080px) { #head .login_status { width:15%; text-align:right; font-size:14px; width:300px; margin-top:10px;} #head .login_status .login_label { float:right; width:auto;} #head .login_status .login_detail { float:right} #head .login_status .message { position:absolute; top:-20px; left:0} #head .message a em { font-size:14px; } /*#content .pages.mem_watch li.current a { width:320px;}*/ #content .pages li a { width:175px;} } #nav_v2 { float:left; width:770px; position:relative; } #nav_v2 li { float:left; padding:0px 23px; font: normal 16px 'Signika', Arial, Verdana; height:67px; padding-top:62px; cursor:pointer; height:35px;} #nav_v2 li a {color:#4b4b4b;} #nav_v2 li.selected { background:#f2f2f2; height:67px; } #nav_v2 li.selected a{ color:#178024; } #nav_v2 li:hover { background:#f2f2f2; height:67px; } #nav_v2 li:hover a { color:#178024; } .type_1 #nav_v2 li .subnav { display:none; position:absolute; top:129px; width:850px; left:-155px; background:#fff} .type_1 #nav_v2 li .subnav li { background:#fff; float:left; height:30px; padding:30px 10px 20px 10px;} .type_1 #nav_v2 li .subnav li a { background:none; color:#3e5b60; text-shadow:none; border-bottom:none; padding:5px 10px;} .type_1 #nav_v2 li .subnav li a:hover {background:#f2f2f2; border-right:none; height:45px; width:100%; color:#178024} /*.type_1 #nav_v2 li:hover .subnav { display:block;} */ #nav_v2_sub { /*width:100%;*/ width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px); } #nav_v2_sub { float:left;position:absolute; background:#fff; top:130px; padding-left:10px;display:none;} #nav_v2_sub h2 {color:#5a5a5a; margin-top:-7px;} #nav_v2_sub ul.sub_nav { font: normal 16px 'Signika', Arial, Verdana; display:none; position:relative; } #nav_v2_sub ul.sub_nav li { float:left; height:30px; padding:30px 10px 20px 10px; } #nav_v2_sub ul.sub_nav li a { background:none; color:#3e5b60; text-shadow:none; border-bottom:none; padding:5px 10px;} #nav_v2_sub ul.sub_nav li :hover {background:#f2f2f2; } #nav_v2_sub ul.sub_nav li a:hover { color: #367441;} #nav_v2_sub ul.sub_nav li.title {min-width:145px; padding-left:0px;} #nav_v2_sub ul.sub_nav li.title :hover {background:none;} #nav_v2_sub ul.sub_nav li .subnav3 {position:absolute; float:none;} #nav_v2_sub ul.sub_nav li:hover .subnav3 li{background:green; display:block} #nav_v2_sub ul.sub_nav li a:hover .subnav3 li{background:green; display:block} #head .message { color:#545454; margin-top:20px; font: normal 16px 'Signika', Arial, Verdana; } #head .message a { float:right; color:#545454; line-height:180%; text-decoration:none } #head .message a em { display:inline-block; font-style:normal; } #head .message span { position:relative; display:inline-block; margin-left:10px; padding:0 10px; font-size:16px; color:#fff; background:#37b622; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #head .message span i { position:absolute; bottom:-7px; left:0; width:100%; height:7px; background:url(../images/arrow_1.png) no-repeat top center; } .boxes.list_journal .wrap_scrollbar.ver .viewport, .boxes.community .wrap_scrollbar.ver .viewport, .boxes.local_group .wrap_scrollbar.ver .viewport {width:90%} /* update scrollbar dashboard */ .wrap_scrollbar_ver { float:left; width: 100%; } .wrap_scrollbar_ver .viewport { width: 98%; height:256px; overflow: hidden; position: relative; border:none; margin:10px 0px;} .wrap_scrollbar_ver .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width:100%} .wrap_scrollbar_ver .scrollbar{ background:url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; } .wrap_scrollbar_ver .track { background:url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; } .wrap_scrollbar_ver .thumb { background:url(../images/bg-scrollbar-thumb-y.png) no-repeat 45% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; *left:-6px;} .wrap_scrollbar_ver .thumb .end { background:url(../images/bg-scrollbar-thumb-y.png) no-repeat 45% 0; overflow: hidden; height: 5px; width: 25px; } .wrap_scrollbar_ver .disable { display: none; } .boxes.list_journal .details {width:100%} .boxes.list_videos .wrap_scrollbar.hor {width:100% !important} .boxes .list_answers .overview ul { float:left; width:100%; } .boxes .list_answers .overview ul li { width:100%;margin:0px;padding:0px;height:auto;clear:none;} .boxes .list_answers .overview ul li { width:100%;margin:0px;padding:0px;height:auto;clear:none} .boxes .list_answers .overview ul li .col_center {width:100%;float:left; } .boxes .list_answers .overview ul li .col_center .innera { margin:0px 43px 0px 65px; padding:10px;} .boxes .list_answers .overview ul li .col_left { width:65px;float:left;margin-left:-100%} .boxes .list_answers .overview ul li .col_right { width:43px;float:left;margin-left:-43px} /* update scrollbar dashboard */ .slider .viewport_carousel { float: left; width:390px; height:125px; overflow: hidden; position: relative; } .slider .overview_carousel { list-style: none; position: absolute; padding: 0; margin: 0; width:390px; left: 0 top: 0; } .slider .overview_carousel li { float: left; margin: 0 20px 0 0; padding: 1px; height: 121px; width:390px; font-size:16px; color:#4c4e4d; line-height:150%; } .boxes.present_reminder .content .center { width:420px; margin:0px auto;} .boxes.present_reminder .content .viewport_carousel {width:325px; padding:20px; background:#cae9ea; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .boxes.present_reminder .content .overview_carousel li { width:325px; margin:0 20px; } /* .boxes.present_reminder .content { padding:20px 15px 60px; width:422px !important; background:#f6f6f6; } .boxes.present_reminder .content .slider { position:relative; } .boxes.present_reminder .content .viewport {width:325px; padding:20px; background:#cae9ea; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .boxes.present_reminder .content .overview li { width:325px; margin:0 20px; } .boxes.present_reminder .content .buttons { margin-top:17%; } .boxes.present_reminder .content .direct { position:absolute; bottom:-42px; left:140px; width:63px; height:43px; background:url(../images/sprites-icon.png) no-repeat -183px -614px; z-index:1000; } */ .bill-option { float:left; width:100%;margin:20px 0; position: relative; } .bill-option h3 { font-size:24px; font-weight:normal;color:#474747;border-bottom:1px solid #d7d7d7;text-indent: 20px;line-height:130%;} .bill-option h4 {font-size:18px; font-weight:bold;color:#474747; width:200px; line-height:150%} .bill-option .small-btn { padding:5px 10px; font-size:10px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bill-option .btn-green { background-color: #3ab652; color:#fff; } .bill-option .btn-green:hover { background-color: #41ca5b; } .bill-option .btn-pink { background-color: #e0bcc1; color:#383030; } .bill-option .btn-pink:hover { background-color: #ecc9ce; } .bill-option .big-gray-btn { float:left; padding:15px 20px 15px 15px; border:1px solid #d7d7d7; font-size:16px; color:#393939; background-color: #e8e8e8; margin-right:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bill-option .big-gray-btn:hover { background-color: #e1e1e1; } .bill-option .big-gray-btn span { float:left; height:21px; padding-left:30px; background:url(../images/icon-x.png) no-repeat left center; } .bill-option .big-gray-btn span { background:url(../images/icon-x.png) no-repeat left center; } .bill-option .big-gray-btn span.check { background:url(../images/icon-check2.png) no-repeat left center; } .bill-option .big-gray-btn span.hold { background:url(../images/icon-hold.png) no-repeat left center; } .bill-option .big-gray-btn span.cancel{ background:url(../images/icon-x.png) no-repeat left center; margin-left:20px; margin-right:10px;} .bill-option .btn-update { float:right; padding:15px 25px; background-color: #34b34f; font-size:16px; color:#fff; text-shadow:-1px -1px #555; border:none; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .bill-option .btn-update.left { float: left;} .bill-option .btn-update:hover { background-color: #3bc758; } .bill-option .plan-status, .bill-option .payment, .bill-option .plan-option { float:left;margin-bottom :40px;padding-top:10px; } .bill-option .payment { width:95.6%;padding:25px 2.2%; background-color: #f4f4f4;border-bottom:1px solid #d7d7d7; } .bill-option .payment h4 { float:left; margin-right:10px;} .bill-option .payment span { color:#21933f; } .bill-option .payment .card-on-file { float:left; width:100%; margin-bottom:10px; line-height: 150%; font-size:14px;} .bill-option .payment .card-type { float:left; width:100%; margin-bottom:25px; font-size:14px; } .bill-option .payment .card-type .btn-pink { margin-left:10px; } .bill-option .plan-status .renewal { float:left; width:100%; } .bill-option .plan-status .renewal li { float:left; margin-right:40px; width:200px; } .bill-option .plan-status .renewal li label { font-size:16px; color:#474747; } .bill-option .plan-status .renewal li label input { margin-right:10px; } .bill-option .plan-status {width:95.6%;margin-left:2.2%; margin-right:2.2%;} .bill-option .plan-status ul { float:left; width:100%; margin-bottom:20px; } .bill-option .plan-status ul li { float:left; width:100%; display: table-cell;margin:5px 0; font-size:14px; color:#474747; line-height:200%; vertical-align:bottom} .bill-option .plan-status ul li h4 { float:left; margin-right:10px; } .bill-option .plan-status ul li span { font-weight:bold; color:#21933f; font-size:18px; line-height:160%;} .bill-option .plan-status ul li span.red { color:#F03232;} .bill-option .popup-confirm { /*position: absolute; top:50px; left:50%; width:450px; margin-left:-225px; padding:30px 40px; background-color: #fff; border:1px solid #d7d7d7; */width:450px; padding:30px 40px; } .bill-option .popup-confirm h4 { margin-bottom:15px; } .bill-option .popup-confirm p { margin-bottom:15px; font-size:14px; color:#474747; line-height: 160%; } .bill-option .popup-confirm span { font-weight: bold; } .bill-option .popup-confirm .highlight { color:#27913e; } .bill-option .popup-confirm .buttons1 { float:left; width:100%; text-align: center; } .bill-option .popup-confirm .btn-update { float:none; display:inline-block; margin-right:20px;} .bill-option .popup-confirm .big-gray-btn { float:none; display:inline-block;} .bill-option .popup-confirm .big-gray-btn span { float:none; display:inline-block;} .bill-option .plan-option {width:100%;} .bill-option .plan-option table { float:left; width:100%; margin-top: 10px; } .bill-option .plan-option table th { padding:10px; } .bill-option .plan-option table td { padding:30px 10px; } .bill-option .plan-option table .mark { display: none; position:absolute; top:0; left:-14px; width:185px; height:61px; padding-left:15px; line-height:40px; color:#fff; font-size:17px; background:url(../images/bg-mark-current.png) no-repeat left top; text-shadow:-1px -1px #444;} .bill-option .plan-option table .term { width:22%; text-indent:30px; font-size:21px; font-weight:normal; color:#474747; border-right:1px solid #d7d7d7;} .bill-option .plan-option table th.term { text-indent:0; border-right:none; } .bill-option .plan-option table .term span { display:block; font-size:16px; } .bill-option .plan-option table .price { width:35%; background-color: #e8f6eb; vertical-align:top; } .bill-option .plan-option table .price_save { width:43%; background-color: #e8f6eb; text-align:left; vertical-align:middle} .bill-option .plan-option table .price label { position:relative; display:block; padding:60px 30px 60px 120px; cursor: pointer; font-size:21px; } .bill-option .plan-option table .price label .save { display:block; text-indent:30px; font-size:12px; color:#1b6e30; } .bill-option .plan-option table .price label input { margin-right:15px; } .bill-option .plan-option table th.price { font-size:21px; font-weight:normal; background:none;} .bill-option .plan-option table td.price { padding:0; } .bill-option .plan-option table .even td { border-top:1px solid #d7d7d7; } .bill-option .plan-option table .last td { padding:15px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;} .bill-option .plan-option table .active .price{ background-color: #d2f4d9; } .bill-option .plan-option table .active .price_save{ background-color: #d2f4d9; } .bill-option .plan-option table .active .mark { display: block; } .bill-option .plan-option table .last .price{ background-color: #f2f2f2; } a.see {color: #12807f; text-decoration:underline; line-height:130% } a.see:hover {text-decoration:underline; } /* css for IE7 Example: ( *color:#000; ) */ /* css for IE8 Example: ( color:#000\9; ) */ /*select.gray_select { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #eeeeee; color:#474747; font-size:12px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #dbdbdb; height:30px; width:250px; background: #eee url(../images/radio_select_arrow.png) no-repeat; background-position: 214px 0px; text-indent: 0.01px; text-overflow: ''; } */ #tab_playlist select { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /*-webkit-box-shadow: 2px 2px 3px #bbb, 0 0px #eee inset; -moz-box-shadow: 2px 2px 3px #bbb, 0 0px #eee inset; box-shadow: 2px 2px 3px #bbb, 0 0px #eee inset;*/ background: #eeeeee; color:#474747; font-size:12px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #dbdbdb; height:30px; width:250px; background: #eee url(../images/radio_select_arrow.png) no-repeat; background-position: 214px 0px; } #tab_playlist select.small { width: 200px; background-position: 164px 0px; } select.blue { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /*-webkit-box-shadow: 2px 2px 3px #bbb, 0 0px #eee inset; -moz-box-shadow: 2px 2px 3px #bbb, 0 0px #eee inset; box-shadow: 2px 2px 3px #bbb, 0 0px #eee inset;*/ background: #C5F5F0; color:#474747; font-size:12px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #B2D7D8; height:30px; width:250px; background: #C5F5F0 url(../images/radio_select_arrow_blue.png) no-repeat; background-position: 214px 0px; text-indent: 0.01px; text-overflow: ''; } .styled-select-gray { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat top right; overflow: hidden; position: relative;} select:focus { outline: none; } .styled-select-gray, .styled-select-gray select { width: 250px;} .styled-select-gray select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } .styled-select-gray select::-ms-expand { display: none; } @-moz-document url-prefix(){ .styled-select-gray select { width: 120%; } } .styled-select-blue { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #C5F5F0 url(../images/radio_select_arrow_blue.png) no-repeat top right; overflow: hidden; position: relative;} select:focus { outline: none; } .styled-select-blue, .styled-select-blue select { width: 160px;} .styled-select-blue select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } .styled-select-blue select::-ms-expand { display: none; } @-moz-document url-prefix(){ .styled-select-blue select { width: 120%; } } .styled-select-white{ border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; overflow: hidden; position: relative;} select:focus { outline: none; } .styled-select-white, .styled-select-white select { width: 80px;} .styled-select-white select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } .styled-select-white select::-ms-expand { display: none; } @-moz-document url-prefix(){ .styled-select-white select { width: 130%; } } .styled-select-lg{ border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:0px; border-radius: 3px; background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; overflow: hidden; position: relative; } select:focus { outline: none; } .styled-select-lg, .styled-select-lg select { width: 230px;} .styled-select-lg select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#0d9884; font: normal 13px Verdana,'Signika', Arial, Verdana; font-weight:bold; /*hide default down arrow in webkit */ -webkit-appearance: none; } .styled-select-lg select::-ms-expand { display: none; } @-moz-document url-prefix(){ .styled-select-lg select { width: 130%; } } .styled-select-lg select option { color:#333; background:#ededec; padding: 0.5em 0; } #main .section_1 .search .option label { margin-top:5px; margin-right:5px; } #main .section_1 .search .option .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat top right; overflow: hidden; position: relative;} select:focus { outline: none; } #main .section_1 .search .option .styled-select , #main .section_1 .search .option .styled-select select { width: 170px;} #main .section_1 .search .option .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; float:left; margin-left:0px; } #main .section_1 .search .option .styled-select select::-ms-expand { display: none; } @-moz-document url-prefix(){ #main .section_1 .search .option .styled-select select { width: 120%; } } /* select.dropdown_blue { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #C5F5F0; color:#474747; font-size:12px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #B2D7D8; height:30px; width:160px; background: #C5F5F0 url(../images/radio_select_arrow_blue.png) no-repeat right top; text-indent: 0.01px; text-overflow: ''; }*/ #tab_radio h2 { margin-top:30px; /*background: url(../images/radio_icon.png) no-repeat; padding-left:90px; height:75px; line-height:260%;*/ } #tab_radio .title { /*border-bottom:1px solid #a1a1a1;*/ padding:0px 0px 10px 0px; margin:0px 20px;} #tab_radio .banner { padding:40px 0px 10px 0px; margin:0px 20px; height:620px; width:100%;} #tab_radio .banner .left { float:left; background: url(../images/radio_iphone_bg.png) no-repeat; height:650px; margin-left:10px; padding-left:20px; width:30%; margin-right:10px; } #tab_radio .banner .right { float:left; width: 65%; /*background: url(../images/radio_bg2.png) no-repeat; background-position: 10% 70%;*/} #tab_radio .banner .right .box { margin-top:50px;} #tab_radio .banner .right .box .radio_off {top: 35%; left:20%; padding:10px 70px; cursor:pointer; position:absolute;border:1px solid #e6e6e6;color:#111111; background-color:#fff; /* opacity:0.7; filter:alpha(opacity=70); For IE8 and earlier */} #tab_radio .banner .right .box .radio_off h4 {float:left; width:210px;padding-top:10px; font-size:22px;} #tab_radio .banner .right .box .radio_off img{float:left;margin-left:10px;} #tab_radio .banner .right .box .radio_off:hover h4 {text-decoration:underline;} #tab_radio .banner .right .box .radio_off .play_button { float:right; background:url(/v3/images/radio_play_icon.png); width:44px; height:44px; } #tab_radio .banner .right .box .radio_off:hover .play_button {background-position:0 -44px;} /*#tab_radio .banner .right .box .radio_on {display:none; top: 10%; right:10%; position:absolute;width:75%;border:1px solid #e6e6e6;padding:20px 0px 0px 0px; color:#111111; background-color:#fff; }*/ #tab_radio .banner .right .box .radio_on {display:none; position:relative; float:right; margin-right:10%;width:80%;margin-top:20px;border:1px solid #e6e6e6;padding:20px 0px 0px 0px; color:#111111; background:url(/v3/images/white-semitransparent.png) } #tab_radio .banner .right .box .radio_on h5 {background:url(/v3/images/radio_play_rightarrow.png) no-repeat; background-position-y:center; padding-left:25px; width:90%;} #tab_radio .banner .right .box .radio_on .play{ margin:0px 20px 0px 0px; } #tab_radio .banner .right .box .radio_on h5 { margin:0px 20px 0px 20px; } #tab_radio .banner .right .box .radio_on .play .slider { float:left; width:90%} #tab_radio .banner .right .box .radio_on .play .control { float:left; width:10%} #tab_radio .banner .right .box .radio_on .play .control .pause_button { float:right; background:url(/v3/images/radio_play_pauseicon.png); width:44px; height:44px; } #tab_radio .banner .right .box .radio_on .play .control .pause_button:hover {background-position:0 -44px;} #tab_radio .banner .right .box .radio_on .play .control .play_button { float:right; background:url(/v3/images/radio_play_icon.png); width:44px; height:44px; } #tab_radio .banner .right .box .radio_on .play .control .play_button:hover {background-position:0 -44px;} #tab_radio .banner .right .box .radio_on .play .details { float:none; width:100%;margin:0px 20px 0px 20px; font-size:13px; color:#23a043} #tab_radio .banner .right .box .radio_on .play .details .buttons{ text-transform:uppercase; padding:0px 25px; font-size:11px;margin-right:10px; display:inline-block; line-height:280%; margin-bottom:8px;} #tab_radio .banner .right .box .radio_on h6 { margin-bottom:5px;} #tab_radio .banner .right .box .radio_on h6 span {font-weight:normal} #tab_radio .banner .right .box .radio_on ul { } #tab_radio .banner .right .box .radio_on ul li{border-top:1px solid #e6e6e6; padding:8px 20px; display:none;} #tab_radio .banner .right .box .radio_on ul li a{color:#8f8f8f; cursor:none} #tab_radio .banner .right .box .radio_on ul li a b{font-size:14px;} /*#tab_radio .banner .right .box .radio_on ul li a:hover{color:#000000;}*/ #tab_radio .banner .right .livebox { background: url(../images/radio_play_bg.png) no-repeat; width:100%; height:255px; } #tab_radio .banner .right h3 { font-size:40px; line-height:200%;} #tab_radio .banner .right p { line-height:180%;} #tab_radio .tab_ul { float:left; width:898px; margin:5px 0 0 -19px; padding:10px 30px 0; background:#ebebeb; margin-bottom:30px; } #tab_radio .tab_ul li { float:left; height:45px; margin-right:10px; } #tab_radio .tab_ul li a { float:left; width:145px; text-align:center; margin-top:10px; color:#545454; background:#cacaca; height:35px; line-height:35px; font-size:14px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #tab_radio .tab_ul li a .hl { font-size:14px; color:#3ab652; } #tab_radio .tab_ul li a:hover { background:#fff; } #tab_radio .tab_ul li.current a { float:left; margin-top:0; text-align:left;text-indent:20px; background:#fff; height:45px; line-height:45px;} #tab_radio .tab_ul .instructions { float:right; margin-right:20px;padding-top:10px; } #tab_radio .tab_ul .instructions a { color:#0F8A88; text-decoration:underline; } #tab_radio .tab_ul li a { font-family: 'Signika';} #tab_radio .tab_ul { width: 100%; background:#efefef; } #tab_radio .tab_ul { padding:0; padding-top:10px;margin-left:0px; padding-left:20px; } #tab_radio table { float:left; width:100%; margin-top:15px; } #tab_radio table td { vertical-align:top; } #tab_radio table td a{ font-size:12px; } #tab_radio table .checkbox{ width:50px; padding-right:10px; } #tab_radio table .title { width:350px; padding-right:10px; } #tab_radio table .title .thumb { float:left; width:96px; margin:0 10px 0 0; } #tab_radio table .title .thumb span { position:absolute; width:29px;height:29px; left:35px;top:20px;background:url(../images/sprites-icon.png) no-repeat -430px -693px;} #tab_radio table .title .thumb a:hover span{ background-position:-482px -693px; } #tab_radio table .title .thumb a { position:relative; float:left; width:100%; } #tab_radio table .title > a { float:left; width:240px; padding-top:10px; font-size:14px; color:#000; text-decoration:underline; } #tab_radio table .title > a:hover { text-decoration:none; } #tab_radio table .des { } #tab_radio table .des p { float:left; width:100%; margin-top:10px; font-size:14px; color:#000; } #tab_radio table .date { width:150px; padding-top:20px;} #tab_radio table .date p{ float:left; font-size:14px; color:#000; line-height:180%; } #tab_radio table .date .del { float:right; width:26px; height:27px; margin-right:5px; background:url(../images/sprites-icon.png) no-repeat -450px -465px; } #tab_radio table thead td{ font-size:18px; color:#000; padding-left:20px; vertical-align: middle; height:60px; border-top:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;} #tab_radio table thead td.title { text-indent:40px; } #tab_radio table thead td a.down_arrow { background:url(../images/radio_down_arrow.png) no-repeat; height:10px; margin-left:10px; display:inline-block;} #tab_radio table tbody td { padding:0px 0; border-bottom:1px solid #fafcf8; padding-left:20px; vertical-align: middle;} #tab_radio table tbody td a.question { background:url(../images/radio_question.png) no-repeat left bottom; width:19px; height:19px; margin-left:10px; display:inline-block;vertical-align:bottom; } #tab_radio table tbody tr.nomedia td{padding:5px 0; padding-left:20px;} #tab_radio table .even { background:#e5f1de; } #tab_radio h4.title { float:left; width:120px; padding-top:10px;} /*#tab_radio select { float:left; width:308px; height:35px; padding:0px 0px 0px 5px; border:1px solid #a1a1a1; background:none; font-size:16px; }*/ #tab_radio input.text { float:left; width:308px; height:30px; padding:6px 5px 0px 5px; border:1px solid #a1a1a1; background:none; font-size:16px; } #tab_radio .buttons {height:30px; } #tab_radio .buttons.bg_color_c { background:#34bb57; float:none;height:30px; padding: 6px 15px 6px 15px; font-size:10px;} #tab_radio .buttons.bg_color_c:hover { background-color:#56d978; } #tab_radio .buttons.stream_pause { background:url(/v3/images/radio_stream_pause.png) no-repeat; width:87px;height:21px;} #tab_radio .buttons.stream_pause:hover { background-position: 0 -21px; } #tab_radio .buttons.stream_play { background:url(/v3/images/radio_stream_play.png) no-repeat; width:87px;height:21px;} #tab_radio .buttons.stream_play:hover { background-position: 0 -21px; } #tab_radio .avail_issues { margin-top:30px;} #tab_radio .avail_issues .avail_issues_title h3{ float:left; width:300px;line-height:150% } #tab_radio .avail_issues .avail_issues_title .control_box { float:right } #tab_radio .avail_issues .avail_issues_title .control_box /*select { float:left }*/ #tab_radio .avail_issues .avail_issues_title .control_box { } #tab_radio .avail_issues .avail_issues_title .control_box .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat top right; overflow: hidden; position: relative;} #tab_radio .avail_issues .avail_issues_title .control_box .styled-select, #tab_radio .avail_issues .avail_issues_title .control_box .styled-select select { width: 200px;} #tab_radio .avail_issues .avail_issues_title .control_box select:focus { outline: none; } #tab_radio .avail_issues .avail_issues_title .control_box .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } #tab_radio .avail_issues .avail_issues_title .control_box .styled-select select::-ms-expand { display: none; } @-moz-document url-prefix(){ #tab_radio .avail_issues .avail_issues_title .control_box .styled-select select { width: 120%; } } #tab_radio .avail_issues .avail_issues_title .control_box .styled-select-year { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat top right; overflow: hidden; position: relative;} #tab_radio .avail_issues .avail_issues_title .control_box .styled-select-year, #tab_radio .avail_issues .avail_issues_title .control_box .styled-select-year select{ width: 100px;} #tab_radio .avail_issues .avail_issues_title .control_box select:focus { outline: none; } #tab_radio .avail_issues .avail_issues_title .control_box .styled-select-year select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } #tab_radio .avail_issues .avail_issues_title .control_box .styled-select-year select::-ms-expand { display: none; } @-moz-document url-prefix(){ #tab_radio .avail_issues .avail_issues_title .control_box .styled-select-year select { width: 120%; } } /*select, #select_playlist_option_list { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #eeeeee; color:#474747; font-size:12px; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #dbdbdb; height:30px; width:250px; background: #eee url(../images/radio_select_arrow.png) no-repeat; background-position: 214px 0px; text-indent: 0.01px; text-overflow: ''; }*/ #select_playlist_option_list { background-position: 295px 0px; } #tab_radio .avail_issues .avail_issues_title .control_label{ float:left;line-height:250%; margin-left:50px; margin-right:10px;} #tab_radio .paging { float:left; width:100%; margin:30px 0; text-align:center; } #tab_radio .paging ul { display:inline-block; color:#474747; } #tab_radio .paging ul li { display:inline-block; *display:inline; *height:40px; *line-height:40px; } #tab_radio .paging ul li a { font-size:18px; padding:6px 12px; color:#474747; *height:40px; *line-height:40px; } #tab_radio .paging ul li.active a , #tab_forums .statistics .paging ul li a:hover { background:#6fbcbc; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} #main .section_1 .element .tab2 { float:left; width:95%; padding:0 0 0 3%; } #main .section_1 .element .tab2 li { float:left; height:50px; margin-right:10px; } #main .section_1 .element .tab2 li a { float:left; margin-top:10px; color:#545454; background:#CACACA; font-weight:normal; font-family: 'Signika'; font-size:14px; padding:0px 30px;height:50px; line-height:45px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #main .section_1 .element .tab2 li a:hover { background:#5EAFAC; color:#fff; } #main .section_1 .element .tab2 li.current a { float:left; text-align:left; font-weight:bold; color:#ffffff; background:#5EAFAC; height:50px; line-height:45px;} #main .section_1 .element .tab2 ul.myvideoclips li { float:left; height:50px; margin-right:10px; } #main .section_1 .element .tab2 ul.myvideoclips li a { float:left; margin-top:10px; color:#545454; background:#8DD7D3; font-weight:normal; font-family: 'Signika'; font-size:14px; padding:0px 30px;height:50px; line-height:45px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #main .section_1 .element .tab2 ul.myvideoclips li a:hover { background:#5EAFAC; color:#fff; } #main .section_1 .element .tab2 ul.myvideoclips li.current a { float:left; text-align:left; font-weight:bold; color:#ffffff; background:#5EAFAC; height:50px; line-height:45px;} .section_tabs .element ul.list li .content {word-wrap: break-word;} #main .section_1 .list_intro dl dd .info p {word-wrap: break-word; font-size:14px;} a.button_watch { clear: both; float: left; width: 95px; height: 36px; margin: 10px 0 0 20px; background: url(../images/sprites-icon.png) no-repeat -124px -360px; position:absolute; bottom:10px;left:0; } a.button_moreinfo { clear: both; float: left; width: 123px; height: 36px; margin: 10px 0 0 20px; background: url(../images/more-info.png) no-repeat 0px 0px; position:absolute; bottom:10px;left:0;} a.button_moreinfo:hover { background-position: 0px -36px; } .button_watch_bg { width:80%; height:50px;z-index:0; position:absolute; bottom:1px;left:70px; } .button_watch_bg2 { background:#fff; width:100%; height:50px;z-index:0; position:absolute; bottom:1px;left:1px; } #main .section_1 .search { margin:0; padding:0; } .boxes.list_journal .details p { word-wrap: break-word;} /*#main > .content { width: 90%; } #content { width: 100%; } */ .type_1 #main {width:1200px;padding:0; } #main > .content {padding:0 } #main .section_1 { padding:0 } #main .section_1 .main_wrap { margin:10px 20px } #main .section_1 .main_wrap > .tab { float:left; width:898px; margin:5px 0 0 -19px; padding:10px 30px 0; background:#ebebeb; } #main .section_1 .main_wrap > .tab li { float:left; height:45px; margin-right:10px; } #main .section_1 .main_wrap > .tab li a { float:left; width:160px; text-align:center; margin-top:10px; color:#545454; background:#cacaca; height:35px; line-height:35px; font-size:14px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #main .section_1 .main_wrap > .tab li a .hl { font-size:14px; color:#3ab652; } #main .section_1 .main_wrap > .tab li a:hover { background:#fff; } #main .section_1 .main_wrap > .tab li.current a { float:left; margin-top:0; text-align:left;text-indent:20px; background:#fff; height:45px; line-height:45px;} #main .section_1 .main_wrap > .tab li a.longer { width:190px;} #main .section_1 .main_wrap > .tab .instructions { float:right; margin-right:20px;padding-top:10px; } #main .section_1 .main_wrap > .tab .instructions a { color:#0F8A88; text-decoration:underline; } #main .section_1 .main_wrap > .tab li a { font-family: 'Signika';} #main .section_1 .main_wrap > .tab { width: 100%; background:#efefef; } #main .section_1 .main_wrap > .tab { padding:0; padding-top:10px;margin-left:-19px; padding-left:20px; } #main .section_1 .main_wrap > .tab_ul { float:left; width:898px; margin:5px 0 0 -19px; padding:10px 30px 0; background:#ebebeb; } #main .section_1 .main_wrap > .tab_ul li { float:left; height:45px; margin-right:10px; } #main .section_1 .main_wrap > .tab_ul li a { float:left; width:145px; text-align:center; margin-top:10px; color:#545454; background:#cacaca; height:35px; line-height:35px; font-size:14px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #main .section_1 .main_wrap > .tab_ul li a .hl { font-size:14px; color:#3ab652; } #main .section_1 .main_wrap > .tab_ul li a:hover { background:#fff; } #main .section_1 .main_wrap > .tab_ul li.current a { float:left; margin-top:0; text-align:left;text-indent:20px; background:#fff; height:45px; line-height:45px;} #main .section_1 .main_wrap > .tab_ul .instructions { float:right; margin-right:20px;padding-top:10px; } #main .section_1 .main_wrap > .tab_ul .instructions a { color:#0F8A88; text-decoration:underline; } #main .section_1 .main_wrap > .tab_ul li a { font-family: 'Signika';} #main .section_1 .main_wrap > .tab_ul { width: 100%; background:#efefef; } #main .section_1 .main_wrap > .tab_ul { padding:0; padding-top:10px;margin-left:-19px; padding-left:20px; } #main .section_1 .main_wrap > .content > .col_2 h3 { padding-bottom:5px; font-size:24px; color:#545454; border-bottom:1px solid #545454; } #main .section_1 .main_wrap > .content > .col_2 > .list_video { float:left; width:100%; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li { float:left; width:100%; margin:15px 0; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li h4 { color:#3f3f3f; font-weight:normal; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li h4 .author { font-size:14px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link { float:left; width:198px; margin-top:10px;padding:15px; border:1px solid #d7d7d7; background:#fff;} #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape { position:relative; float:left; width:196px; height:122px; border:1px solid #d7d7d7; background:#000; cursor:pointer; } #main .section_1 .main_wrap > .content > .col_2 { float:left; width:230px; margin-top:20px; padding:15px 20px; background:#cee8e7; } .content > .col_2 > .list_video li .link .wrape img { display:block; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .button_play { position:absolute; top:35%; left:40%; width:40px; height:40px; background:url(../images/sprites-icon.png) no-repeat -288px -693px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape:hover .button_play { background-position:-355px -693px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li p { float:left; width:100%; margin-top:10px; font-size:12px; color:#3f3f3f; } #main .section_1 .main_wrap > .content > .col_2 { width: 20%; margin-left: 30px; } #main .section_1 .main_wrap > .content > .col_2 { float: left; width: 230px; margin-top: 20px; padding: 15px 20px; background: #cee8e7;} #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link { float:left; width:245px; height:155px; margin-top:10px;padding:15px; border:1px solid #d7d7d7; background:#fff;} #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape { position:relative; float:left; width:245px; height:155px; border:1px solid #d7d7d7; background:#000; cursor:pointer; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape img { display: block; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape img { width: 90%; max-height: 130px; } .divHeight { height:0px; } .divHeight .short { height:300px; } #main .section_1 .main_wrap > .content > .col_2 { width:20%;margin-left:20px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li { } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link { width:90%; max-height:130px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape { width:100%; max-height:130px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape img { width:90%; max-height:130px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li h4 { width:90%; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li p { width:90%; } @media screen and (max-width: 1074px) { .block_video .list_video { margin-top:20px; width:620px; margin-left:0px; margin-bottom:20px;} .block_video .list_video h4 { width: 118%; } .block_video .list_video .list { list-style-type:none;} .block_video .list_video .list li { } .divHeight { height:600px; } #main .section_1 .main_wrap > .content > .col_1 { clear:both; } #main .section_1 .main_wrap > .content > .col_2 { margin-top:0px; margin-left:0px; width:700px; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li { width: 50%; height:380px;overflow:hidden; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link { width:80%; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape { width:100%; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li .link .wrape img { width:100%; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li h4 { width:90%; } #main .section_1 .main_wrap > .content > .col_2 > .list_video li p { width:90%; } .divHeight { height:600px; } .divHeight .short{ height:600px; } } #tab_private_journal .content { width:100%; word-wrap: break-word; } #tab_private_journal .content .body { word-wrap: break-word; width:600px; margin:0; padding:0; } #content .pages.mem_watch li.last {float:right; margin-right:0px; } #content .pages.mem_watch li.last:hover a{background:#f8ffff; } .snapleft_helpbutton { cursor: pointer; cursor: hand; overflow: hidden; position: fixed; _position: absolute; /*display: block;*/ top: 55%; _top: expression(eval(document.body.scrollTop)+372); left: -6px; z-index: 9; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; border: none; outline: none; /*font-size: 0px; line-height: 0px;*/ font-size:15px; border-top:2px double #fff; border-bottom:2px double #fff; border-right:2px double #fff; background:#9499D3; color:#fff; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .snapleft_helpbutton a, .snapleft_helpbutton a:visited { color:#fff; font-weight:bold; } .snapleft_helpbutton:hover { background:#aeb2e0; left:-2px; } .snapleft_feedbackbutton { cursor: pointer; cursor: hand; overflow: hidden; position: fixed; _position: absolute; /*display: block;*/ /* Firefox */ top: -moz-calc(50% - 70px); /* WebKit */ top: -webkit-calc(50% - 70px); /* Opera */ top: -o-calc(50% - 70px); /* Standard */ top: calc(50% - 70px); _top: expression(eval(document.body.scrollTop)+372); left: -6px; z-index: 9; margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; border: none; outline: none; /*font-size: 0px; line-height: 0px;*/ font-size:15px; border-top:2px double #fff; border-bottom:2px double #fff; border-right:2px double #fff; background:#9499D3; color:#fff; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:20px; } .snapleft_feedbackbutton a, .snapleft_helpbutton a:visited { color:#fff; font-weight:bold; } .snapleft_feedbackbutton:hover { background:#aeb2e0; left:-2px; } .rotate-text { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: none; /*Mandatory for IE9 to show the vertical text correctly*/ } .regular-checkbox { display: none;} .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; /*border-radius: 3px;*/ display: inline-block; position: relative; float:left;} .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); float:left; } .regular-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 24px; position: absolute; top: -3px; left: 0px; color: #000; } /* RADIO */ .regular-radio { display: none; } .regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.0), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .regular-radio:checked + label:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #555555; box-shadow: inset 0px 0px 10px #000; text-shadow: 0px; left: 3px; font-size: 32px; } .regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); } .regular-radio + label:active, .regular-radio:checked + label:active { /*box-shadow: 0 1px 2px #000, inset 0px 1px 3px #000;*/ } /* .autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; } .autocomplete-suggestion { padding: 10px 5px; font-size: 12px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #f0f0f0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399ff; } */ /*---------------- autocomplete ui --------------*/ .ui-autocomplete { /*height: 200px; overflow-y: scroll; overflow-x: hidden;*/ width:400px;} .ui-front { z-index: 100; } .ui-menu-item { font: normal 13px 'Oxygen', Arial, Verdana; } .ui-menu-item a { display:block; padding:7px 0px; cursor:pointer; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; color:#000; } .ui-menu-item div { margin:0px 10px; } .ui-menu-item span { color:#0e9628; font-weight:bold } .ui-menu-item span.sub { color:#9e9e9e; margin-left:0px; } .ui-menu-item a:hover { background:#dbdbdb;border:none; width:100%; font-weight:bold; color:inherit; } .ui-menu-item a:hover span.sub { font-weight:normal; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff ; color: #222222; } /* Interaction states ----------------------------------*/ .ui-autocomplete .ui-state-default, .ui-autocomplete .ui-widget-content .ui-state-default, .ui-autocomplete .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; } .ui-autocomplete .ui-state-default a, .ui-autocomplete .ui-state-default a:link, .ui-autocomplete .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus, .ui-autocomplete .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; } .ui-autocomplete .ui-state-hover a, .ui-autocomplete .ui-state-hover a:hover, .ui-autocomplete .ui-state-hover a:link, .ui-autocomplete .ui-state-hover a:visited, .ui-autocomplete .ui-state-focus a, .ui-autocomplete .ui-state-focus a:hover, .ui-autocomplete .ui-state-focus a:link, .ui-autocomplete .ui-state-focus a:visited { color: #212121; text-decoration: none; } .ui-autocomplete .ui-state-active, .ui-autocomplete .ui-widget-content .ui-state-active, .ui-autocomplete .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; } .ui-autocomplete .ui-state-active a, .ui-autocomplete .ui-state-active a:link, .ui-autocomplete .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-autocomplete-loading { background:url('/common/images/ajax-loader2.gif') no-repeat right center } /*---------------- autocomplete ui --------------*/ /*---------------- search --------------*/ #main .section_1 .element .col .boxes_videokeyword{} #main .section_1 .element .col .boxes_videokeyword .novideo{width:100%; clear:both; margin-left:20px; font-size:14px; font-style:italic;} #main .section_1 .element .col .boxes_videokeyword .list_video { float:left; margin-left:10px; width:100%} #main .section_1 .element .col .boxes_videokeyword .list_video td { float:left; width:33%; margin-bottom:20px; padding-bottom:20px;} #main .section_1 .element .col .boxes_videokeyword .list_video td.box{ padding-left:20px; padding-top:20px; padding-bottom:20px;} #main .section_1 .element .col .boxes_videokeyword .list_video td:hover { background:url('/v3/images/bg-gradient-10.png') repeat;} #main .section_1 .element .col .boxes_videokeyword .list_video td h4{ font-size:18px; color:#3f3f3f; font-weight:normal; margin:20px 10px; width:90%} #main .section_1 .element .col .boxes_videokeyword .list_video td h5 { font-size:14px; color:#3f3f3f; font-weight:normal; } #main .section_1 .element .col .boxes_videokeyword .list_video td .link_video { width:80%; border:1px solid #d7d7d7; margin:20px 20px; padding:15px; } #main .section_1 .element .col .boxes_videokeyword .list_video td .link_video img { display:block; /*width:208px;height:130px*/ height:150px; margin: 0 auto;} #main .section_1 .element .col .boxes_videokeyword .list_video td p { float:left; width:91%; margin:10px; margin-left:22px;font-size:12px; color:#3f3f3f; } #search .paging_2 { float:left; width:100%; margin-top:20px; text-align:center; padding-left:50px; padding-bottom:30px; } #search .paging_2 ul { display:inline-block; color:#474747; } #search .paging_2 ul li { display:inline-block; *display:inline; float:left; width:auto !important; margin-right:20px !important;} #search .paging_2 ul li a { font-size:16px; padding:6px 12px; color:#474747; } #search .paging_2 ul li.active a , #search .paging_2 ul li a:hover { background:#6fbcbc; color:#fff !important; text-decoration:none !important; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} #search .paging_2.t_1 ul li.active a , #search .paging_2 .t_1 ul li a:hover { background:#6fbcbc; } #main .section_1 .element .col .refine_result { border:3px solid #ebebeb; padding:10px 20px;color:#474747;font-size:15px;} #main .section_1 .element .col .refine_result ul{ width:80%; margin-top:0px; float:left; } #main .section_1 .element .col .refine_result ul li { float:left; width: auto; margin-right:30px;} #main .section_1 .element .col .refine_result ul li label { cursor:pointer;} #main .section_1 .element .col .result_tile {padding-bottom:20px; display:none;} #main .section_1 .element .col .result_tile table { margin-top:20px; width:100%; } #main .section_1 .element .col .result_tile table td{ float: left; width: 33%;} #main .section_1 .element .col .result_tile table td .box{ margin:20px 10px; } #main .section_1 .element .col .result_tile table td .box h4{ width: 95%; margin: 0px 10px; height:60px; overflow:hidden} #main .section_1 .element .col .result_tile table td .link_video { width: 85%; border: 1px solid #d7d7d7; margin: 20px 10px; padding: 10px; background: #00a756; position:relative} #main .section_1 .element .col .result_tile table td .link_video.disable{ background: #cdcdcd;} #main .section_1 .element .col .result_tile table td .link_video img { display: block; width: 100%; max-height: 180px; background: url('/common/images/ajax-loader2.gif') no-repeat;} #main .section_1 .element .col .result_tile table td .link_video .button_play{ position:absolute; top:40%; left:43%; width:40px; height:40px; background:url(../images/sprites-icon.png) no-repeat -288px -693px; } #main .section_1 .element .col .result_tile table td .link_video:hover .button_play { background-position:-355px -693px; } #main .section_1 .element .col .result_tile table td p { margin:0px 10px; } #main .section_1 .element .col .result_tile table td p a{ color: #339b4e; text-decoration:underline} #main .section_1 .element .col .result_list { margin-bottom:40px; display:none; } #main .section_1 .element .col .result_list ul { list-style-type:none; margin:20px 20px; width:96%;} #main .section_1 .element .col .result_list ul li{ margin:10px 0px;} #main .section_1 .element .col .result_list ul li h4{ color:#0e9628; padding-bottom:10px;} #main .section_1 .element .col .result_list ul li h4 span{ font-size:12px;} #main .section_1 .element .col .result_list ul li h4 span.gray{ color:#808080;} #main .section_1 .element .col .result_list ul li a { text-decoration:none;} #main .section_1 .element .col .result_list ul li a h4{ color:#0e9628; padding-bottom:10px; } #main .section_1 .element .col .result_list ul li a:hover h4{ text-decoration:underline} #main .section_1 .element .col .result_list ul li a h4 span{ font-size:12px;} #main .section_1 .element .col .result_list ul li a h4 span.gray{ color:#808080;} #main .section_1 .element .col .result_list ul li p a { word-wrap:break-word;} #main .section_1 .element .col .result_detail { padding-bottom:40px; display:none;} #main .section_1 .element .col .result_detail ul { list-style-type:none; margin:20px 20px; width:96%;} #main .section_1 .element .col .result_detail ul li{ margin:10px 0px;} #main .section_1 .element .col .result_detail ul li h4{ color:#0e9628; padding-bottom:10px;} #main .section_1 .element .col .result_detail ul li h4 span{ font-size:12px;} #main .section_1 .element .col .result_detail ul li h4 span.gray{ color:#808080;} #main .section_1 .element .col .result_detail ul li a { text-decoration:none;} #main .section_1 .element .col .result_detail ul li a h4{ color:#0e9628; padding-bottom:10px; } #main .section_1 .element .col .result_detail ul li a:hover h4{ text-decoration:underline} #main .section_1 .element .col .result_detail ul li a h4 span{ font-size:12px;} #main .section_1 .element .col .result_detail ul li a h4 span.gray{ color:#808080;} #main .section_1 .element .col .result_detail ul li .col_img { width: 10%; float:left} #main .section_1 .element .col .result_detail ul li .col_img img { } #main .section_1 .element .col .result_detail ul li .col_detail { width: 85%; float:left;margin-left:20px;} #main .section_1 .element .col .result_detail ul li p a { word-wrap:break-word;} #main .section_1 .element .col .result_masonry { padding-bottom:20px; display:none; clear:both} #main .section_1 .element .col .titlebox { margin-top:10px;display:none; font-size:14px;} #main .section_1 .element .col .titlebox h4 { height:18px; background:#caebd0; color:#209037; padding:10px 0px;} #main .section_1 .element .col .titlebox h4 span { margin:0px 20px;} #main .section_1 .element .col .titlebox.advance { border: 1px solid #94cc59;} #main .section_1 .element .col .titlebox.advance .col_checkbox{float:left; margin:15px 10px 15px 20px;} #main .section_1 .element .col .titlebox.advance .col_new {float:left; margin:10px 0px;} #main .section_1 .element .col .titlebox.advance .col_new img {float:left;margin-top:2px;} #main .section_1 .element .col .titlebox.advance .col_new .unlock {line-height:200%;margin-left:10px;color:#339b4e; text-decoration:underline} #main .section_1 .element .col .result_detail { padding-bottom:40px; display:none;} .popupControl { background-color:#FFFFFF; position:absolute; visibility:hidden; border-style:solid; border-color: Black; border-width: 2px; } .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; overflow:auto; } .modalPopup { background-color:#ffffff; border-width:3px; border-style:solid; border-color:Gray; padding:4px; padding-right:20px; padding-bottom:10px; width:380px; margin-left: 140px; z-index:100; overflow:auto;} input.cancel { float:left; padding: 10px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; width:120px; color: #fff; font-size: 13px; background: #d1b6b9; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #811111; color:#811111} input.cancel:hover{background:#c09ca0;} input.ok { float:left; padding: 10px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; width:120px; color: #fff; font-size: 13px; background: #33ba57; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff} input.ok:hover{background:#1ea241;} a.cancel { float:left; padding: 10px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; width:120px; text-decoration:none !important;text-align:center; font-size:13px !important;font-family: Arial, Verdana; color: #fff; font-size: 13px; background: #d1b6b9; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #811111; color:#811111 !important} a.cancel:hover{background:#c09ca0;} a.ok { float:left; padding: 10px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; width:120px; text-decoration:none !important; text-align:center;font-size:13px !important;font-family: Arial, Verdana; color: #fff; font-size: 13px; background: #33ba57; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff !important} a.ok:hover{background:#1ea241;} a.question { background: url(/v3/images/radio_question.png) no-repeat left bottom; width: 19px; height: 19px; margin-left: 10px; display: inline-block; vertical-align: bottom; } input.ok_small { float:left; padding: 5px 10px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase;width:auto; color: #fff; font-size: 12px; background: #33ba57; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff} input.ok_small:hover{background:#1ea241;} .boxes .list_video li .link_video {position:relative; cursor:pointer} .boxes .list_video li .link_video img {max-width:100%; max-height:100%; } .boxes .list_video li .link_video a.play_button {width:100%;height:100%;background: url(/v3/images/video_overlay.png) no-repeat; position:absolute;top:0;left:0; display:none} .boxes .list_video li .link_video:hover a.play_button {display:block;} #slider_playlist .overview li .link_video {position:relative; cursor:pointer} #slider_playlist .overview li .link_video img {max-width:100%; max-height:100%; border:1px solid #ededed;} #slider_playlist .overview li .link_video a.play_button {width:100%;height:100%;background: url(/v3/images/video_overlay.png) no-repeat; position:absolute;top:0;left:0; display:none} #slider_playlist .overview li .link_video:hover a.play_button {display:block;} #main .section_1 .main_wrap a.show_more { margin-left:22px; color:#209037; font-size:16px; font-weight:bold; } #main .section_1 .main_wrap a.show_more:hover { margin-left:22px; color:#209037; font-size:16px; font-weight:bold; text-decoration:underline;} .free_issue_popup { width: 650px; background: #fff; padding: 10px 40px; display: block; font-size:14px;line-height:170%; } .free_issue_popup a.close { float:right;margin-right:-20px; } .free_issue_popup a.close img { width:23px; height:21px; } .free_issue_popup .header { width:100%; height:55px; margin-top:20px; margin-bottom:20px; } .free_issue_popup .header .logo{ float:left;width:63px;height:62px; } .free_issue_popup .header h2{ float:left; width:450px;margin-top:10px; margin-left:20px;font-size:30px; font-family:Raleway} .free_issue_popup h6{ width:auto; } .free_issue_popup .section { margin-top:10px; border-top:1px solid #d7d7d7;padding:20px 0px 0px 0px; } .free_issue_popup .section .col1{ width:50%; float:left; } .free_issue_popup .section .col2{ width:50%; float:left; } .free_issue_popup .section .col2 .searchbox{ position:relative; width:265px; float:left} .free_issue_popup .section .col2 .searchbox a.searchbox_close{ position:absolute; cursor:pointer; right:5px; top:7px;font-size:16px;font-family:Raleway; text-decoration:none; display:none;} .free_issue_popup .section .col2 .searchbox a.searchbox_close:hover{ font-weight:bold;} .free_issue_popup .section a{ color:#000000;text-decoration:underline; } .free_issue_popup .section h3{float: left; width: 100%; font-size: 22px; line-height: 120%; border:none; border-bottom:1px solid #d7d7d7; } .free_issue_popup .section h3.title{width:auto; float:none; border:none; } .free_issue_popup .button_section { margin: 30px 0px 30px 55px; clear:both; } .free_issue_popup .header_select { width:100%; margin-top:20px; margin-bottom:20px; } .free_issue_popup .header_select h3{ width:auto; float:none; } .free_issue_popup .header_select .col1{ width:71%; float:left; margin-right:5px; border-right:1px solid #d7d7d7; } .free_issue_popup .header_select .col2 { width:23%; float:left;font-size:11px; padding-left:10px;} .free_issue_popup input[type=text]{ float: left; width: 245px; padding: 7px 10px; border: 1px solid #a1a1a1;} .free_issue_popup button.smallgreen{ height: 30px; float: left; padding: 0 25px; line-height: 28px; margin-top: 3px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 11px; background: #3ab753; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .free_issue_popup button.smallgreen:hover{ background: #4bcf65;} .free_issue_popup ul.free_episode_list {float:left; width:100%; list-style:none; margin-top:20px; } .free_issue_popup ul.free_episode_list li {float:left; width:19.5%; margin:auto; padding:5px 0px 15px 0px; /*padding:15px 10px;*/ /*min-height:300px;*/} .free_issue_popup ul.free_episode_list li .photo {position: relative; left: 0; top: 0; margin:10px 15px;} .free_issue_popup ul.free_episode_list li .photo img{width:100%; position: relative; top: 0; left: 0; height:auto;} .free_issue_popup ul.free_episode_list li .photo div.current_issue {background:url(/v3/images/current_issue.png); background-size:100% auto; z-index:10; width:20px; height:109px; position: absolute; left: 0px; } .free_issue_popup ul.free_episode_list li div.desc {font-size:11px; margin:0px 15px 10px 15px; line-height:150%;overflow:hidden} .free_issue_popup ul.free_episode_list li .button_div {margin:0px 5px 10px 5px; } .free_issue_popup ul.free_episode_list li .button_div .freeissue_popup_button_free_select {background:url(/v3/images/join-select.png); background-size:100% 30px; width:68px; height:30px; display:inline-block;text-indent:-99999px ;margin-right:3px; } .free_issue_popup ul.free_episode_list li .button_div .freeissue_popup_button_free_select.deselect{background:url(/v3/images/join-deselect.png); background-size:100% 30px; width:70px; } .free_issue_popup ul.free_episode_list li .button_div .freeissue_popup_button_free_preview {background:url(/v3/images/join-preview.png); background-size:100% 30px; width:84px; height:30px; display:inline-block; text-indent:-99999px} #freeissue_popup_selected_episode li {font-size:12px; } .free_issue_popup ul.free_episode_list li.selected {background:#9afaad; } .free_issue_popup ul.free_episode_list li h2 { text-transform:uppercase; font-size:12px; font-weight:bold; margin-bottom:10px;} .free_issue_popup ul.free_episode_list li.b_right {border-right: 1px dashed gray;} .free_issue_popup ul.free_episode_list li.b_top {border-top: 1px dashed gray;} .free_issue_popup ul.free_episode_list li.b_bottom {border-bottom: 1px dashed gray;} .free_issue_popup ul.free_episode_list li a.open_episode {float:left; background:url(/v3/images/open_button.png); width: 95px; height:36px; text-indent:-9999px; margin-left:0px;} .free_issue_popup ul.free_episode_list li a.purchase_episode {float:left; background:url(/v3/images/purchase_button.png); width: 130px; height:36px; text-indent:-9999px; margin-left:0px;} .free_issue_popup ul.free_episode_list li a.preview_episode {float:left; background:url(/v3/images/preview_button.png); width: 130px; height:36px; text-indent:-9999px; margin-left:0px;} .free_issue_popup .paging { float:left; width:100%; margin-top:20px; text-align:center; } .free_issue_popup .paging ul { display:inline-block; color:#474747; } .free_issue_popup .paging ul li { display:inline-block; *display:inline; } .free_issue_popup .paging ul li a { font-size:16px; padding:6px 12px; color:#474747; text-decoration:none;} .free_issue_popup .paging ul li.active a { background:#6fbcbc; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-decoration:none;} .free_issue_popup .paging ul li a:hover { background:#6fbcbc; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-decoration:none;} .free_issue_popup .paging.t_1 ul li.active a , .pop-up-tab .paging.t_1 ul li a:hover { background:#707070; } .free_issue_popup input.cancel { float:left; padding: 10px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; width:auto; color: #fff; font-size: 13px; background: #d1b6b9; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #811111; color:#935c5c} .free_issue_popup input.cancel:hover{background:#c09ca0;} .free_issue_popup input.ok { float:left; padding: 10px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; width:auto; color: #fff; font-size: 13px; background: #33ba57; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff} .free_issue_popup input.ok:hover{background:#1ea241;} .free_issue_popup input.yellow { float:left; padding: 5px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; font-weight:bold; color: #986c1d; font-size: 13px; background: #efeec1; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #e7d9ab; } .free_issue_popup input.yellow:hover{background:#efeda9;} .free_issue_popup input.green { float:left; padding: 5px 25px; line-height: 28px; margin-left: 10px; display: block; cursor: pointer; text-transform: uppercase; font-weight:bold; color: #fff; font-size: 13px; background: #33ba57; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#ffffff} .free_issue_popup input.green:hover{background:#1ea241;} .free_issue_popup .buttons.green2 { background-position: 0 -432px; border: 1px solid #3d9c4c !important; margin:10px 20px; width:auto; text-align:center; padding-left:40px;padding-right:40px;} #main { float:left; width:100%; background:#fff; -webkit-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px; } .pages.mem_watch li a .left_arrow_float_right { width: 18px; height: 18px; margin-top: 11px; margin-right: 10px; background: url(/v3/images/left_arrow_green.png) no-repeat; text-indent: -9999em; float: right; } .pages.mem_watch li a .left_arrow_float_left { width: 18px; height: 18px; margin-right: 10px; background: url(/v3/images/left_arrow_green.png) no-repeat; text-indent: -9999em; float: left; } #tab_playlist table .name > a { float:left; width:200px; padding-top:10px; font-size:14px; color:#000; text-decoration:underline; } #tab_playlist table .name > a:hover { text-decoration:none; } a.videoclip_share_icon { background: url(/v3/images/community-share_icon.png) no-repeat; width:30px; height:30px; display:block; float:left; margin-left:5px; margin-top:5px;} a.videoclip_share_icon.link{background-position: 0 0px;} a.videoclip_share_icon.link:hover{background-position: 0 -30px;} a.videoclip_share_icon.email{background-position: -37px 0px;} a.videoclip_share_icon.email:hover{background-position: -37px -30px;} a.videoclip_share_icon.facebook{background-position: -74px 0px;} a.videoclip_share_icon.facebook:hover{background-position: -74px -30px;} a.videoclip_share_icon.twitter {background-position: -111px 0px;} a.videoclip_share_icon.twitter:hover{background-position: -111px -30px;} a.videoclip_share_icon.gplus{background-position: -148px 0px;} a.videoclip_share_icon.gplus:hover{background-position: -148px -30px;} a.videoclip_share_icon.pinterest{background-position: -185px 0px;} a.videoclip_share_icon.pinterest:hover{background-position: -185px -30px;} /* member watch update start*/ .video_list { float: left; width: 90%; margin-top: 20px; padding: 15px 20px; background: #cee8e7;} .video_list h3 { padding-bottom:5px; font-size:24px; color:#545454; border-bottom:1px solid #545454; } .video_list .list_video h5 { color: #3f3f3f; font-weight: normal; font-family: 'Raleway', Arial, Verdana; font-size:18px; padding-top:20px;} .video_list .list_video { width:100%; padding:0; margin:0;} .video_list .list_video li { width:100%; margin-bottom:20px;} .list_video li .link { float:left; width:90%; margin-top:10px;padding:15px; border:1px solid #d7d7d7; background:#fff;} .list_video li .link .wrape { position:relative; float:left; width:100%; border:1px solid #d7d7d7; background:#000; cursor:pointer; } .list_video li .link .wrape img { display:block; width:100%; max-height:170px;} .list_video li .link .button_play { position:absolute; top:35%; left:40%; width:40px; height:40px; background:url(../images/sprites-icon.png) no-repeat -288px -693px; } .list_video li .link .wrape:hover .button_play { background-position:-355px -693px; } .list_video li p { float:left; width:100%; margin-top:10px; font-size:12px; color:#3f3f3f; } .block_video .watch { width:68%;padding:0px;margin:0px;} .block_video .list_video .list { float:left; width:100%; margin-top:15px; list-style-type:decimal; color:#545454; overflow-y: auto; overflow-x: hidden; height:auto; width:120%;min-width:100px; max-height:none;} #slider-range-panel .pause { float: left; background: url(/v3/images/pause_play.png) no-repeat 0px 0px; width: 20px; height: 19px; margin: -3px 20px 0px 5px; text-indent:-9999px; } #slider-range-panel .pause:hover { background: url(/v3/images/pause_play.png) no-repeat 0px -19px; } #slider-range-panel .play { float: left; background: url(/v3/images/pause_play.png) no-repeat -20px 0px; width: 20px; height: 19px; margin: -3px 20px 0px 5px; text-indent:-9999px } #slider-range-panel .play:hover { background: url(/v3/images/pause_play.png) no-repeat -20px -19px; } a#exit_bookmark { color:#505050; text-decoration:underline; } .floatingMessage { background: #72BCBB; width: 216px; height: 120px; padding: 10px 10px 10px 20px; position: absolute; z-index: 10; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px;} .textboxlist { max-width:460px; } .textboxlist-bits { border: 1px solid #cacaca; padding-top:4px; padding-bottom:2px;} #share-link-panel{width:500px;height:30px;display:none; padding-left:10px; z-index:1103;} #share-link-panel input[type="text"] {width: 430px; padding: 0 5px; margin-right: 10px; height: 30px; line-height: 30px; border: 1px solid #cacaca; font-size: 14px;} #share-link-panel a.close { background: url(/v3/images/download_close.png) no-repeat;width: 20px;height: 14px;position: absolute;top: 5px;right:2px; display:block;} #tab_exit_bookmark {margin-top:2px;width:150px;float:right} .block_video .watch { /*height:450px;*/} .v3-video-player { height:442px; } .v3-video-player .video { height:442px;} .v3-video-player ul.quality { margin:0px; padding:0px;} .v3-video-player .quality_line { background:#464c54; width:100%; height:2px;margin-top:4px;} .v3-video-player ul.quality li { float:right; list-style:none; display:inline; margin-left:3px;} .v3-video-player ul.quality li a { background-color:#ffffff; color:#282e32; border:1px solid #464c54; padding:8px 14px 8px 14px; text-decoration:none; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; } .v3-video-player ul.quality li a:hover { background-color:#464c54; color:#ffebb5; } .v3-video-player ul.quality li a.active { background-color:#464c54; color:#ffebb5; border:1px solid #464c54; } /* member watch update end*/ /* commnunity bookmark */ #issuehref:hover { text-decoration:underline;} .floatingMessage { background: #72BCBB; width: 216px; height: 120px; padding: 10px 10px 10px 20px; position: absolute; z-index: 10; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px;} /*dl.categories dd { float: left; width: 210px; margin: 0 20px 20px 0; background: #fff; -moz-box-shadow: -1px 0 4px #888; -webkit-box-shadow: -1px 0 4px #888; box-shadow: -1px 0 4px #888; }*/ dl.categories { position:relative} dl.categories .item{ /*position:absolute; top: 0px; left: 0px;*/} dl.categories dd { float: left; width:23%; margin: 0px 1% 20px 0px; border:1px solid #c2ccc9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 5px #888; -webkit-box-shadow: 1px 1px 5px #888; box-shadow: 1px 1px 5px #888; } dl.categories dd .wrap { cursor:pointer; } dl.categories h2 { float: left; font-size: 20px; color: #fff; font-weight: normal; width: 91.5%; text-align:left; padding:15px 3% 15px 6%; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;/* margin-bottom: 2px; line-height: 25px; padding-left: 5%; padding-top:5px; padding-bottom:5px; */} dl.categories h2.topic { padding-top:10px; height:40px;} /*dl.categories dd .wrap.green h2 { background: #28ce96; color:#fff;} dl.categories dd .wrap.c28ceba h2 { background: #28ceba; color:#fff;} dl.categories dd .wrap.c28ce93 h2 { background: #28ce93; color:#fff;} dl.categories dd .wrap.c28ce5c h2 { background: #28ce5c; color:#fff;} dl.categories dd .wrap.c94ce28 h2 { background: #94ce28; color:#fff;} dl.categories dd .wrap.cceca28 h2 { background: #ceca28; color:#fff;} dl.categories dd .wrap.cceae28 h2 { background: #ceae28; color:#fff;} dl.categories dd .wrap.cce8828 h2 { background: #ce8828; color:#fff;} dl.categories dd .wrap.cce5928 h2 { background: #ce5928; color:#fff;} dl.categories dd .wrap.cc44f55 h2 { background: #c44f55; color:#fff;} dl.categories dd .wrap.ca362aa h2 { background: #a362aa; color:#fff;} dl.categories dd .wrap.cd570cb h2 { background: #d570cb; color:#fff;} dl.categories dd .wrap.cc2437c h2 { background: #c2437c; color:#fff;} dl.categories dd .wrap.c9d5978 h2 { background: #9d5978; color:#fff;} dl.categories dd .wrap.c7f7f7f h2 { background: #7f7f7f; color:#fff;} */ dl.categories dd .wrap{ background: #7f7f7f; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; position:relative} dl.categories dd .wrap .actions { position:absolute; z-index:9; top:4px; right:5px;} dl.categories dd .wrap .actions .edit_bookmark_icon { background: url(/v3/images/edit-bookmark-icon.png); width:11px; height:13px; display:block; float:right; margin-right:5px;} dl.categories dd .wrap .actions .edit_bookmark_icon:hover { background-position: 0px -13px;} dl.categories dd .wrap .actions .delete_bookmark_icon { background: url(/v3/images/delete-bookmark-icon.png); width:11px; height:11px; display:block; float:right} dl.categories dd .wrap .actions .delete_bookmark_icon:hover { background-position: 0px -11px;} dl.categories dd .wrap .actions .remove_playlist_icon { background: url(/v3/images/remove-playlist-icon.png); width:11px; height:11px; display:block; float:right; margin-right:1px;} dl.categories dd .wrap .actions .remove_playlist_icon:hover { background-position: 0px -11px;} dl.categories dd .wrap.green { background: #28ce96; color:#fff;} dl.categories dd .wrap.c28ceba { background: #28ceba; color:#fff;} dl.categories dd .wrap.c28ce93 { background: #28ce93; color:#fff;} dl.categories dd .wrap.c28ce5c { background: #28ce5c; color:#fff;} dl.categories dd .wrap.c94ce28 { background: #94ce28; color:#fff;} dl.categories dd .wrap.cceca28 { background: #ceca28; color:#fff;} dl.categories dd .wrap.cceae28 { background: #ceae28; color:#fff;} dl.categories dd .wrap.cce8828 { background: #ce8828; color:#fff;} dl.categories dd .wrap.cce5928 { background: #ce5928; color:#fff;} dl.categories dd .wrap.cc44f55 { background: #c44f55; color:#fff;} dl.categories dd .wrap.ca362aa { background: #a362aa; color:#fff;} dl.categories dd .wrap.cd570cb { background: #d570cb; color:#fff;} dl.categories dd .wrap.cc2437c { background: #c2437c; color:#fff;} dl.categories dd .wrap.c9d5978 { background: #9d5978; color:#fff;} dl.categories dd .wrap.c7f7f7f { background: #7f7f7f; color:#fff;} dl.categories dd .wrap .detail .length span{ color:#2cdca1;} dl.categories dd .wrap .description a{ color:#1e946c;} dl.categories dd .wrap .keywords a{ color:#1e946c;} dl.categories h2.green { background: #28ce96; color:#fff;} dl.categories h2.pink { background:#f15595; } dl.categories h2.blue { background:#55aff1; } dl.categories h2.purple { background:#d255f1; } dl.categories h2.red { background:#f1556c; } dl.categories .detail { float:left; width:90%; padding:10px 5%; background:#4f655d; color:#fff; font-family:Raleway} dl.categories .detail h4 { font-family:Raleway; font-size:14px; width:100%; font-weight:normal; line-height:180%; margin-bottom:0px; margin-top:0px; padding-bottom:0px;} dl.categories .detail h4 span { text-decoration:underline} dl.categories .detail h4 a {color:#fff; text-decoration:underline} dl.categories .detail h4 a:hover {color:#ddd; } dl.categories .detail .date { float:left; margin-right:20px;line-height:180%; width:auto;padding-top:0px;} dl.categories .detail .length { float:right; padding-top:2px; text-align:right} dl.categories .title { float:left; width:95%; padding-left:5%; background:#b4b4b4; cursor:pointer;} dl.categories .title a { line-height:30px; font-weight:bold; color:#fff; /*text-transform:uppercase;*/ } dl.categories .title span { line-height:30px; font-weight:bold; color:#fff; /*text-transform:uppercase; */} dl.categories .thumb { float:left; width:100%; position:relative} dl.categories .thumb img { width:100%; max-height:150px;} dl.categories .thumb .viewed{ position:absolute; left:0px; bottom:0px; background: #fff url(/v3/images/community-viewed.png) no-repeat 10px center; width:50%; height:25px; text-indent:50px; font-size:14px; font-family:Raleway; padding-top:10px; color:#000} dl.categories .length { float:right; margin-right:10px; color:#000;} dl.categories .description { float:left; width:100%; padding:10px 0px 20px 0px; font-family:Roboto; font-size:14px; color:#000; overflow:hidden } dl.categories .description .wrap{ width:90%; margin:0px 5%; background:#fff; } dl.categories .description a { text-decoration:underline;} dl.categories .description {height:78px; background:#fff;} dl.categories .issue { float:left; width:88%; padding:10px 6% 20px 6%; font-family:Roboto; font-size:14px; color:#000; margin-top:5px; height:40px; } dl.categories .issue a { text-decoration:underline; color:#1e946c} dd.item .button_play { position: absolute; top: 30%; right: 10%; width: 40px; height: 40px; background: url(/v3/images/community-play.png) no-repeat; z-index:99; } dd.item:hover .button_play { background-position: 0px -39px } dl.categories .keywords { float:left; width:100%; height:53px; overflow:hidden; } dl.categories .keywords .wrap{ border-top:1px solid #c2c2c2; width:90%; background:#fff; margin:0px 5%; padding:10px 0px; color:#1e946c} dl.categories .keywords label { float:left; font-size:14px; color:#000; font-family:Roboto; margin-right:10px;} dl.categories .keywords a:hover{ text-decoration:underline;} dl.categories .recommend { float:left; width:100%; height:53px; overflow:hidden; } dl.categories .recommend .wrap{ border-top:1px solid #c2c2c2; width:90%; background:#fff; margin:0px 5%; padding:10px 0px; color:#1e946c} dl.categories .recommend a { background:url(/v3/images/pass-it-recommend-button.png) no-repeat; width:240px; height:26px; display:inline-block; color:#fff; padding-top:10px; text-align:center} dl.categories .recommend a:hover{ background-position: 0px -36px;} dl.categories .comment { float:left; width:100%; height:53px; overflow:hidden;} dl.categories .comment .wrap{ width:90%; background:#fff; margin:0px 5%; padding:10px 0px; color:#1e946c} dl.categories .comment a { color:#888; font-size:14px; margin-left:0px; text-decoration:underline} dl.categories .comment a:hover{ color:#000;text-decoration:underline;} dl.categories .comment a.show_comment_link { margin-left:10px;} dl.categories .comment span { position:relative; display:inline-block; margin-left:0px; padding:3px 10px; font-size:14px; color:#fff; background:#3ab652; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} dl.categories .comment span i { position:absolute; bottom:-7px; left:0; width:100%; height:7px; background:url(/v3/images/arrow_1.png) no-repeat top center; } dl.categories .rating { float:left; width:100%; } dl.categories .rating .wrap{ border-top:1px solid #c2c2c2; background:#fff; width:90%; margin:0px 5%; padding:10px 0px;} dl.categories .rating label { float:left; font-size:14px; color:#000; font-family:Roboto; margin-right:10px;} dl.categories .rating .rateit{ padding-top:3px;} dl.categories .rating .wrap .info{ color:#555; float:right; font-size:10px; margin-right:15px;} dl.categories .share { float:left; width:100%; background:url(/v3/images/bg-gradiant-gray.png) repeat-x left bottom; background-size:100% 100% } dl.categories .share .share_wrap{ /*border-top:1px solid #c2c2c2; */width:90%; margin:0px 5%; padding:10px 0px; color:#000 } dl.categories .share label { float:left; font-size:14px; color:#000; margin-top:5px; font-family:Roboto;} dl.categories .share ul { float:left; margin:5px 0 20px 0px; } dl.categories .share p{ text-align:center} dl.categories .share p a { color:#1e946c} dl.categories .share p a:hover { text-decoration:underline} #main .section_1 .element .col dl.categories .share .share_wrap ul , dl.categories .share .share_wrap ul { width:100%; } #main .section_1 .element .col dl.categories .share li, dl.categories .share li { float:left; margin-left:0.7%; width:16%; } #main .section_1 .element .col dl.categories .share li.first, dl.categories .share li.first { margin-left:0px;} dl.categories .share li a.share_icon { background: url(/v3/images/community-share_icon.png) no-repeat; width:30px; height:30px; display:block; float:left; margin-left:5px; margin-top:5px;} dl.categories .share li a.share_icon.link{background-position: 0 0px;} dl.categories .share li a.share_icon.link:hover{background-position: 0 -30px;} dl.categories .share li a.share_icon.email{background-position: -37px 0px;} dl.categories .share li a.share_icon.email:hover{background-position: -37px -30px;} dl.categories .share li a.share_icon.facebook{background-position: -74px 0px;} dl.categories .share li a.share_icon.facebook:hover{background-position: -74px -30px;} dl.categories .share li a.share_icon.twitter{background-position: -111px 0px;} dl.categories .share li a.share_icon.twitter:hover{background-position: -111px -30px;} dl.categories .share li a.share_icon.gplus{background-position: -148px 0px;} dl.categories .share li a.share_icon.gplus:hover{background-position: -148px -30px;} dl.categories .share li a.share_icon.pinterest{background-position: -185px 0px;} dl.categories .share li a.share_icon.pinterest:hover{background-position: -185px -30px;} dl.categories .share li.last { float:left; margin-left:10px } #share-link-panel{width:500px;height:30px;display:none; padding-left:10px; z-index:99;} #share-link-panel input[type="text"] {width: 430px; padding: 0 5px; margin-right: 10px; height: 30px; line-height: 30px; border: 1px solid #cacaca; font-size: 14px;} #share-link-panel a.close { background: url(/v3/images/download_close.png) no-repeat;width: 20px;height: 14px;position: absolute;top: 5px;right:2px; display:block;} .communityvideoclip_filter {width:100%; display:block;} .communityvideoclip_filter .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; border-radius: 3px; background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; overflow: hidden; position: relative;} .communityvideoclip_filter .styled-select, .communityvideoclip_filter .styled-select select { width: 160px;} .communityvideoclip_filter .styled-select.length, .communityvideoclip_filter .styled-select.length select { width: 100px;} .communityvideoclip_filter .styled-select.sort, .communityvideoclip_filter .styled-select.sort select { width: 130px;} .communityvideoclip_filter .styled-select.show, .communityvideoclip_filter .styled-select.show select { width: 130px;} .communityvideoclip_filter select:focus { outline: none; } .communityvideoclip_filter select::-ms-expand { display: none; } .communityvideoclip_filter .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Roboto', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } @-moz-document url-prefix(){ .communityvideoclip_filter .styled-select select { width: 115%; } .communityvideoclip_filter .styled-select.length select { width: 120%; } .communityvideoclip_filter .styled-select.sort select { width: 115%; } .communityvideoclip_filter .styled-select.show select { width: 115%; } } .communityvideoclip_filter div.filterby {font-family:Raleway; font-size:22px; float:left; margin-right:20px;height:21px; margin-top:7px; width:130px} .communityvideoclip_filter div.filterbykeyword {font-family:Raleway; font-size:22px; float:left; margin-right:20px;height:21px; margin-top:5px;} .communityvideoclip_filter div.filterbykeyword img {margin-top:-2px; cursor:pointer; } .communityvideoclip_filter div.spanlength {font-family:Raleway; font-size:14px; margin-left:20px; float:left; padding-top:10px;margin-right:5px;} .communityvideoclip_filter .div_length {float:left;} .communityvideoclip_filter .div_filterby {float:left;} .communityvideoclip_filter a.listview_icon {background: url(/v3/images/grid-list-view.png) no-repeat; width:36px; height:29px; display:block; float:right; text-indent:-9999px} .communityvideoclip_filter a.listview_icon.active, .communityvideoclip_filter a.listview:hover {background-position: 0px -29px; } .communityvideoclip_filter a.gridview_icon { background: url(/v3/images/grid-list-view.png) no-repeat; background-position: -36px -29px; width:36px; height:29px; display:block; float:right; text-indent:-9999px } .communityvideoclip_filter a.gridview_icon.active, .communityvideoclip_filter a.gridview:hover { background-position: -36px 0px; } .communityvideoclip_filter a.open_playlist{display:block; float:right; color:#fff; margin-right:30px; margin-top:5px;} .communityvideoclip_filter a.open_playlist:hover {text-decoration:underline;} .communityvideoclip_filter .div_checkbox { font-family:Roboto; font-size:14px; float:left; padding-top:5px;} .communityvideoclip_filter .div_checkbox label { margin-left:10px; } /* commnunity bookmark */ table.listview { float:left; width:100%; margin-top:5px; } table.listview td { vertical-align:top; } table.listview td a{ font-size:12px; } table.listview .checkbox{ width:50px; padding-right:10px; } table.listview .title { width:250px; padding-right:10px; } table.listview .title .thumb { float:left; width:96px; margin:0 10px 0 0; } table.listview .title .thumb span { position:absolute; width:29px;height:29px; left:35px;top:20px;background:url(../images/sprites-icon.png) no-repeat -430px -693px;} table.listview .title .thumb a:hover span{ background-position:-482px -693px; } table.listview .title .thumb a { position:relative; float:left; width:100%; } table.listview .title > a { float:left; width:240px; font-size:14px; color:#000; text-decoration:underline; } table.listview .title > a:hover { text-decoration:none; } table.listview .des { width:390px; padding-right:20px;} table.listview .des p { float:left; width:100%; margin-top:10px; font-size:14px; color:#000; } table.listview .date { width:150px; padding-top:20px;} table.listview .date p{ float:left; font-size:14px; color:#000; line-height:180%; } table.listview .date .del { float:right; width:26px; height:27px; margin-right:5px; background:url(../images/sprites-icon.png) no-repeat -450px -465px; } table.listview thead td{ padding:20px 0; background:#5eafac; font-size:18px; color:#fff; } table.listview thead td.title { text-indent:40px; } table.listview tbody td { padding:10px 0; border-bottom:1px solid #c8c8c8; } table.listview thead td a {font-size:18px; color:#fff; } table.listview .even { background:#ebebeb; } table.listview .share { padding-top:0px; } .event_item {font-family:Roboto; color:#3d3d3d; font-size:14px; line-height:170%; padding-bottom:20px; border-bottom:1px solid #b7b7b7; margin-bottom:40px;} .event_item .green_button {padding:12px 35px; white-space:nowrap; margin:0 14%;} .event_item .col1 {float:left;width:17%;} .event_item .col1 .wrap { margin:0px 5% 0px 0px; padding-bottom:20px;} .event_item .col1 img {border:4px solid #3ab753; width:100%; max-height:180px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .event_item .col1 h5 {font-family:Roboto; font-size:14px;} .event_item .col1 a.print_receipt {font-family:Roboto; font-size:14px; color:#3d3d3d; background:url('/v3/images/events-printer-icon.png') no-repeat; padding-left:35px; text-decoration:underline; height:27px; padding-bottom:5px; } .event_item .col1 a.pdf_receipt {font-family:Roboto; font-size:14px; color:#3d3d3d; background:url('/v3/images/events-pdf-icon.png') no-repeat; padding-left:35px; text-decoration:underline; height:27px; padding-bottom:10px; display:block;} .event_item .col1 a.welcome_email {font-family:Roboto; font-size:14px; color:#3d3d3d; background:url('/v3/images/events-email-icon.png') no-repeat; padding-left:35px; text-decoration:underline; height:27px; padding-bottom:5px; display:block;} .event_item .col2 {float:left;width:53%;} .event_item .col2 .wrap {margin:0px 5% 0px 3%; padding-bottom:20px;} .event_item .col2 h2 {font-family:Roboto; font-size:28px; color:#19a53e; font-weight:normal;} .event_item .col2 h3 {font-family:Roboto; font-size:21px; color:#313131; font-weight:normal; width:100%} .event_item .col2 p {width:100%; clear:both; padding-top:10px;} .event_item .col2 .reminder_box{background:#e6f9f9; border:1px solid #bababa;width:100%; margin-top:10px; position:relative} .event_item .col2 .reminder_box .wrap {margin:15px 4% 0px 4%; } .event_item .col2 .reminder_box a.ics_file {font-family:Roboto; font-size:14px; color:#3d3d3d; background:url('/v3/images/events-ics-icon.png') no-repeat; padding-left:35px; text-decoration:underline; height:27px; padding-bottom:5px; display:block;} .event_item .col2 .reminder_box .wrap h4 {font-family:Roboto; font-size:16px; color:#3d3d3d; background:url('/v3/images/events-reminder-icon.png') no-repeat; padding:3px 0px 5px 30px;} .event_item .col2 .reminder_box input[type="text"] { height:25px; padding:1px 5px; border:1px solid #dddddd; background:none; background:#fff; width:30%; margin-right:4%;} .event_item .col2 .reminder_box ul li { padding-top:8px;} .event_item .col2 .reminder_box ul li span { font-size:12px;} .event_item .col2 .reminder_box ul li label {margin-top:5px; margin-right:5px;} .event_item .col2 .reminder_box ul li label.text { cursor:pointer; width:40px; display:inline-block; } .event_item .col2 .reminder_box select { padding:3px 3px 3px 3px; margin: -1px 0px 0px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #eeeeee; color:#000; font: normal 14px 'Roboto', Arial, Verdana; outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; border: 1px solid #dbdbdb; height:33px; width:27%; background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; } .event_item .col2 .reminder_box .blue_button {text-transform:none; font-size:14px; font-family:Roboto; position:absolute; right:5%; bottom:30px; padding-left:5%; padding-right:5%} .event_item .col3 {float:left;width:30%; } .event_item .col3 .wrap {margin:0px 3%; padding-bottom:20px;} .event_item .col3 .daysleft1 {width:100%; background:red;} .event_item .col3 .daysleft1 h4{ width:100%;background:#eef4b7 url('/v3/images/events-timer-icon.png') no-repeat 10px 10px; padding:14px 0px 14px 0px;margin-bottom:10px;display:block;} .event_item .col3 .daysleft1 span {font-family:Roboto; font-size:12px; text-transform:uppercase; display:block; margin-left:50px;} .event_item .col3 .progress {width:100%; position: relative; background:#eef4b7; height:45px;margin-bottom:7px;} .event_item .col3 .progress .percent{ position: absolute; left: 50%; } .event_item .col3 .progress .bar{height:20px;background-color: #d2d980; width: 50%; height:45px;} .event_item .col3 .progress h4{position:absolute;top:0; left:0;padding:18px 0px 15px 0px;font-family:Roboto; font-size:12px; text-transform:uppercase;color:#464646;background:url('/v3/images/events-timer-icon.png') no-repeat 10px 10px; text-indent:50px;} .event_item .col3 .box {background:#f1fdf2; border:1px solid #bababa;width:100%;} .event_item .col3 .box .wrap {margin:20px 8%; } .event_item .col3 .box .wrap .box_button {margin:30px 0px 0px 0px; } .event_item .col3 .watch_download {width:100%; height:45px} .event_item .col3 .watch_download .watch_now { float:left;width:49%;margin-right:1% } .event_item .col3 .watch_download .download { float:left;width:49%;} .event_item .col3 .watch_download a { color:#fff;} .event_item .col3 .watch_download a .button { width:85%;padding:15px 5% 15px 10%;background:#3ab753; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .event_item .col3 .watch_download a:hover .button{ background:#339d48; } .event_item .col3 .watch_download .watch_now a .button img {float:right;width:18%; max-width:14px;margin-top:3px;} .event_item .col3 .watch_download .download a .button img {float:right;width:18%;max-width:26px;} .event_item .col3 .in_progress {width:100%; background:#dc8c7b; margin-bottom:7px;} .event_item .col3 .in_progress .icol {width:50%; float:left; color:#fff} .event_item .col3 .in_progress .icol .wrap{margin:10px; color:#fff; padding-bottom:0px} .event_item .col3 .in_progress .icol .wrap img.signal{float:left;width:18%;} .event_item .col3 .in_progress .icol .button_watch_now { background:#da5142;border:1px solid #fff; color:#fff; width:100%;} .event_item .col3 .in_progress .icol .button_watch_now .wrap { margin:10px 10%; padding-bottom: 0px;} .event_item .col3 .in_progress .icol .button_watch_now .wrap label{ float:left;width:75%;} .event_item .col3 .in_progress .icol .button_watch_now .wrap span{ width:25%;float:right;text-align:right;} .event_item .col3 .in_progress .icol .button_watch_now .wrap span img{ padding-top:3px;} .event_item .col3 .in_progress .icol .wrap a:hover .button_watch_now{background:#d02411} .event_item .col3 .watch_button { float:left; text-transform:uppercase; font-size:12px; color:#ffffff; padding:10px 20px; background:#3ab753; width:32%; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-transform:none; font-size:14px; font-family:Roboto;display:block; } .event_item .col3 .watch_button:hover{ background:#33a048;} .event_item .col3 .download_button { float:left; text-transform:uppercase; font-size:12px; color:#ffffff; padding:10px 20px; background:#3ab753;width:32%; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-transform:none; font-size:14px; font-family:Roboto;display:block; } .event_item .col3 .download_button:hover{ background:#33a048;} .event_item .col3 .event_watch_icon {background:url('/v3/images/events-watch-icon.png') no-repeat; width:26px; height:26px; display:inline-block; float:right} .event_item .col3 .event_download_icon {background:url('/v3/images/events-download-icon.png') no-repeat; width:26px; height:26px; display:inline-block; float:right} .event_item.future h3 span{color:#8c933f} .event_item.current h3 span{color:#c16652} .event_item.past h3 span{color:#19a53e} div#fancy_print { cursor: pointer; width: 188px; height: 60px; position: absolute; left: -15px;top: -15px; z-index: 9999; display: block; background: url("/v3/images/print_icon.png") no-repeat;} div#fancy_print .text{margin-left:60px; margin-top:24px;} #main .section_1 .element .col .result_tile dl { margin-top:20px; width:100%; } #main .section_1 .element .col .result_tile dl dd{ float: left; width: 33%; } #main .section_1 .element .col .result_tile dl dd .box{ margin:20px 10px; } #main .section_1 .element .col .result_tile dl dd .box h4{ width: 95%; margin: 0px 10px; height:60px; overflow:hidden} #main .section_1 .element .col .result_tile dl dd .link_video { width: 85%; border: 1px solid #d7d7d7; margin: 20px 10px; padding: 10px; background: #00a756; position:relative} #main .section_1 .element .col .result_tile dl dd .link_video.disable{ background: #cdcdcd;} #main .section_1 .element .col .result_tile dl dd .link_video img { display: block; width: 100%; max-height: 180px; background: url('/common/images/ajax-loader2.gif') no-repeat;} #main .section_1 .element .col .result_tile dl dd .link_video .button_play{ position:absolute; top:40%; left:43%; width:40px; height:40px; background:url(../images/sprites-icon.png) no-repeat -288px -693px; } #main .section_1 .element .col .result_tile dl dd .link_video:hover .button_play { background-position:-355px -693px; } #main .section_1 .element .col .result_tile dl dd p { margin:0px 10px; } #main .section_1 .element .col .result_tile dl dd p a{ color: #339b4e; text-decoration:underline} .wrap_scrollbar_ver .overview p small { font-size:14px;} .section_tabs ul.tab_selection_box { float:left; width:100%; position:absolute;z-index:2;} .section_tabs ul.tab_selection_box li{ float:left; width:25%; } .section_tabs ul.tab_selection_box li .wrap{ padding-top:12px; text-indent:20px; } .section_tabs ul.tab_selection_box li.green{ background:#3ab753 url(../images/green-tab-right-bg.png) no-repeat right top} .section_tabs ul.tab_selection_box li.white { background:url(../images/white-tab-right-bg.png) repeat;} .section_tabs ul.tab_selection_box li.white-border { background:url(../images/white-tab-right-border-bg.png) no-repeat right top, url(../images/white-tab-right-bg.png) repeat;} .section_tabs ul.tab_selection_box li a { font-family:Roboto; font-size:14px; color:#000; margin:20px 0px; } .section_tabs ul.tab_selection_box li.green a { color:#fff} .section_tabs ul.tab_selection_box li.green:hover { background:#2d9241} .section_tabs ul.tab_selection_box li.white:hover { background:url(../images/white-tab-right-bg-hover.png) repeat;} .section_tabs ul.tab_selection_box li.white-border:hover { background:url(../images/white-tab-right-bg-hover.png) repeat;} i.i_audio { margin:8px 0px 10px 15px; width:20px; height:26px; background:url(../images/icon-audio.png) } i.i_audio-green { margin:8px 0px 10px 15px; width:20px; height:26px; background:url(../images/icon-audio-green.png) } i.i_create2 { margin:10px 0px 10px 15px; width:24px; height:24px; background:url(../images/icon-create.png) } i.i_dl { margin:10px 0px 10px 15px; width:24px; height:24px; background:url(../images/icon-dl.png) } i.i_fave { margin:10px 0px 10px 15px; width:24px; height:24px; background:url(../images/icon-fave.png) } i.i_video{ margin:13px 0px 12px 10px; width:32px; height:19px; background:url(../images/icon-video.png) } i.i_video-green{ margin:13px 0px 12px 10px; width:32px; height:19px; background:url(../images/icon-video-green.png) } i.i_switch2video { width:39px; height:25px; background:url(../images/watch-audio-switch-video-icon.png) no-repeat; } i.i_big-audio { width:54px; height:70px; background:url(../images/watch-audio-icon.png) no-repeat; } i.i_audio_pause { width:26px; height:26px; background:url(../images/watch-audio-player-pause.png) no-repeat; } i.i_audio_volume { width:29px; height:28px; background:url(../images/watch-audio-player-volume.png) no-repeat; } .section_tabs .playlist_option a.button:hover { background:#f8f8f8; text-decoration:none;} .section_tabs .playlist_option { background: url("/v3/images/playlist_box.png") repeat scroll 0 0 transparent; display:none; color: #FFFFFF; height: 100px; margin-left: -100px; margin-top: 40px; padding: 35px 20px 10px 20px; position: absolute; width: 330px; z-index: 10;} .section_tabs .playlist_option a.close { background: url(/v3/images/download_close.png) no-repeat; width:14px; height:14px; position:absolute; top:25px; left:345px; } .section_tabs .playlist_option h2 {font-size:15px;font-weight:bold; color:#1F554F; margin-bottom:10px;} .section_tabs .playlist_option select{ width:100%;} .section_tabs .playlist_option a.button { background: none; width:initial; margin:0; padding:0; text-transform:uppercase; font-size:12px; background:#fff; color:#1F554F; padding:7px 30px 7px 30px; height:20px !important; line-height:160%; margin:7px 0px 0px 0px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .section_tabs .playlist_option a.button:hover { background:#f8f8f8; text-decoration:none;} .section_tabs .playlist_option .normal{ width:250px; padding:0 5px; margin-right:10px; height:25px; line-height:30px; border:1px solid #cacaca;} #watch_issue_tab { height:60px; width:800px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px;border-radius: 0px;} #watch_issue_tab a { width:auto; margin-top:0 !important;padding:0; height:50px !important; width:600px !important; padding-top:20px !important;} #watch_issue_tab a h4{ font-family:Roboto; font-size:17px; font-weight:normal} #watch_issue_tab a h4.from{ float:left; padding-top:2px; padding-left:8px; margin:0px;width:auto; color:#5b5a5a;color:#000; } #watch_issue_tab a h4.title{ float:left; color:#1aa135; padding-left:8px; margin:0px;width:auto; max-width:100%;line-height:130%;} #watch_issue_tab a h4.title span{ color:#5b5a5a; color:#000;font-style:normal; font-size:15px; margin-top:3px; margin-right:10px;font-weight:normal; text-decoration:underline;margin-left:10px;} #watch_issue_tab .quality { background:#fff;display:inline-block;height:80px;padding:10px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; margin-left:-2px;} #watch_issue_tab .quality .text {float:left; margin-right:5px; margin-top:5px;} #watch_issue_tab .quality .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; float:left; border-radius: 3px; background: #eee url(/v3/images/search-dropdown-bg.png) no-repeat top right; overflow: hidden; position: relative;} #watch_issue_tab .quality .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; width:80px;} #watch_issue_tab .quality .styled-select select::-ms-expand { display: none; } #watch_issue_back { height:60px; width:100px !important; } #watch_issue_back a { height:50px !important; margin-top:0 !important; padding-top:22px !important; float:left; background:#fff url(/v3/images/watch-back-bg.png) no-repeat 70% 40% !important;} #watch_issue_back a h4{ font-family:Roboto; font-size:17px; font-weight:normal;float:left; width:60px; color:#000} .block_video .watch .watch-audio { border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;margin-bottom:10px; } .block_video .watch .watch-audio .head{ height:85px; padding-top:20px;} .block_video .watch .watch-audio .head .col1 {float:left; width:70%; } .block_video .watch .watch-audio .head .col1 .wrap {margin-left:40px; margin-right:20px;} .block_video .watch .watch-audio .head .col1 h2 {font-family:Raleway; font-size:38px; color:#717171; font-weight:normal;} .block_video .watch .watch-audio .head .col1 h3 {font-family:Roboto; font-size:18px; color:#3ab753; font-weight:normal;} .block_video .watch .watch-audio .head .col2 {float:left; width:30%; padding-top:20px; } .block_video .watch .watch-audio .head .col2 a.switch2video { font-family:Roboto; font-size:16px; color:#6e6e6e; } .block_video .watch .watch-audio .head .col2 a.switch2video .wrap{ padding-left:10px; margin-top:2px; float:left; text-decoration:underline} .block_video .watch .watch-audio .head .col2 a.switch2video:hover .wrap{ color:#1e1e1e; } .block_video .watch .watch-audio .head .col2 a.switch2video:hover i.i_switch2video{ background-position:0 -25px} .block_video .watch .watch-audio .body{ background:url(/v3/images/watch-audio-bg.png) no-repeat; background-size:100% 100%; height:180px} .block_video .watch .watch-audio .body .wrap {margin-left:40px} .block_video .watch .watch-audio .play { border-top:1px solid #d7d7d7;padding-top:10px;} .block_video .watch .watch-audio .play .audio-slider { float:left; width:90%; } .block_video .watch .watch-audio .play .audio-slider .container {border:1px solid #c6c6c6; display:block; width:97%; height:20px;margin-left:10px;display:none; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; } .block_video .watch .watch-audio .play .audio-slider .container .slider_duration{ background:#3ab753; width:0px; height:20px;} .block_video .watch .watch-audio .play .audio-slider .text{ width:100%; color:#3ab753; font-size:14px; font-family:Roboto} .block_video .watch .watch-audio .play .audio-slider .start{ float:left} .block_video .watch .watch-audio .play .audio-slider .end{ float:right} #audio_slider_container .ui-slider-handle { display:none} #audio_slider_container .ui-widget-header { background: #3ab753; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; } /*#audio_slider_container .ui-widget-content { border: 1px solid #aaaaaa; background: #dfe5e7;} #audio_slider_container .ui-state-default { border: 1px solid #aaaaaa; background: #ffffff; } #audio_slider_container .ui-state-default { background-image: url('slider-button.png'); }*/ .block_video .watch .watch-audio .play .control { float:left; margin-top:0px; } .block_video .watch .watch-audio .play .control .pause_button { float:right; background:url(/v3/images/watch-audio-player-pause.png); width:26px; height:26px; } .block_video .watch .watch-audio .play .control .pause_button:hover {background-position:0 -26px;} .block_video .watch .watch-audio .play .control .play_button { float:right; background:url(/v3/images/watch-audio-player-play.png); width:26px; height:26px; } .block_video .watch .watch-audio .play .control .play_button:hover {background-position:0 -26px;} .block_video .watch .watch-audio .play .control .volume_button { float:right; background:url(/v3/images/watch-audio-player-volume.png); width:29px; height:28px; } .block_video .watch .watch-audio .play .control .volume_button:hover {background-position:0 -28px;} .block_video .watch .watch-audio .play .details { float:none; width:100%;margin:0px 20px 0px 20px; font-size:13px; color:#23a043} .block_video .watch .watch-audio .play .details .buttons{ text-transform:uppercase; padding:0px 25px; font-size:11px;margin-right:10px; display:inline-block; line-height:280%; margin-bottom:8px;} /*Style for the slider button*/ .ui-slider-handle { width:24px; height:24px; position:absolute; top:-7px; margin-left:-12px; z-index:200; background:url(slider-button.png); } /*Result div where the slider value is displayed*/ #slider-result { font-size:50px; height:200px; font-family:Arial, Helvetica, sans-serif; color:#fff; width:250px; text-align:center; text-shadow:0 1px 1px #000; font-weight:700; padding:20px 0; } /*This is the fill bar colour*/ .ui-widget-header { background:url(fill.png) no-repeat left; height:8px; left:1px; top:1px; position:absolute; } a.topright_link { float:right; margin-right:15px; color:#000; text-decoration:none} a.topright_link:hover { text-decoration:underline} #content.white_default { background:#fff;} #content.v3_default { background:url(/v3/images/common_v3_bg.jpg) no-repeat;background-size:120% 640px;} #content.v3_default_special { background-image:url(/v3/images/common_v3_bg_special-white.png), url(/v3/images/common_v3_bg_special.jpg); background-repeat: no-repeat, no-repeat; background-size:115% auto, 100% 640px; background-position:center top, center top; } #content.v3_bg_thank { background:url(/v3/images/common_v3_bg_thankyou.jpg) no-repeat;background-size:140% 840px;} #content.v3_default_special_sleep { background-image:url(/v3/images/common_v3_bg_sleep.jpg); background-repeat:no-repeat; background-size:100% 639px; background-position:center top; } #content.v3_default_special_meditation { background-image:url(/v3/images/common_v3_bg_meditation.jpg); background-repeat:no-repeat; background-size:120% 640px; background-position:center top; } #content.v3_default_special_love { background-image:url(/v3/images/common_v3_bg_love.jpg); background-repeat:no-repeat; background-size:130% 642px; background-position:center top; } #content.v3_default_special_etlive2016 { background-image:url(/v3/images/common_v3_bg_etlive2016.jpg); background-repeat:no-repeat; background-size:130% 642px; background-position:center top; } .v3_default_container .section_top .receive .sleep_button { position:absolute; background:url(/v3/images/visit_sleep_button.png) no-repeat; z-index:2; width:300px; height:78px; left:49%; top:170px;} .v3_default_container .section_top h1.sleep_specialtitle { color:#70b425;font-size:43px;margin-top:0px; background:url(/v3/images/common_v3_bg_sleep_special_this_month.png) no-repeat; text-indent:-9999px} .v3_default_container .section_top h4.sleep_title { color:#211f11;font-size:43px;width:324px; margin-left:-20px; height:136px;background:url(/v3/images/common_v3_bg_sleep_title.png) no-repeat; text-indent:-9999px} .v3_default_container .section_top h4.sleep_merging { width:373px; height:52px;background:url(/v3/images/common_v3_bg_sleep_merging.png) no-repeat; text-indent:-9999px; } .v3_default_container .section_top h1.meditation_specialtitle { color:#70b425;font-size:43px;margin-top:-30px; background:url(/v3/images/common_v3_bg_meditation_special.png) no-repeat; text-indent:-9999px; width:90%; height:202px; } .v3_default_container .section_top .meditation_button { position:absolute; background:url(/v3/images/visit_meditation_button.png) no-repeat; z-index:2; margin-top:10px; width:90%; height:90px; } .v3_default_container .section_top h1.love_specialtitle { color:#70b425;font-size:43px;margin-top:-30px; background:url(/v3/images/common_v3_bg_love_special.png) no-repeat; text-indent:-9999px; width:90%; height:202px; } .v3_default_container .section_top .love_button { position:absolute; background:url(/v3/images/visit_love_button.png) no-repeat; z-index:2; margin-top:15px; margin-left:160px; width:90%; height:90px; } .v3_default_container .section_top{height:500px;padding-top:30px;} .v3_default_container .col1{float:left; width:55%; display:block; } .v3_default_container .col2 {float:left; width:42%; display:block;} .v3_default_container .col2.eckhart_bg {background:url(/v3/images/v3_eckhart.png) no-repeat bottom right; background-size:105% auto; height:491px; margin-top:-22px; margin-right:-10px} .v3_default_container .contain {width:46%; display:block; position:absolute; bottom:-24px; right:0} .v3_default_container .contain .eckhart_bg {background:url(/v3/images/v3_eckhart.png) no-repeat bottom right; background-size:100% auto; width:100%;height:500px; position:absolute; bottom:0; right:0} .v3_default_container .section_top h1 {font-size:50px; font-weight:normal; color:#fff;margin-top:30px;} .v3_default_container .section_top h2 {} .v3_default_container .section_top h3 {color:#075990; } .v3_default_container .section_top h4 {color:#fff; font-weight:normal; font-size:22px;} .v3_default_container .section_top .receive {position:relative;padding-top:30px} .v3_default_container .section_top h3.top {position:absolute; color:#075990; z-index:10; height:40px; } .v3_default_container .section_top .receive .down_arrow { position:absolute; background:url(/v3/images/arrow_down_orange.png) no-repeat; top:10%; left:10%; z-index:2; width:75px; height:106px; } .v3_default_container .section_top .receive .visit_forest { position:absolute; background:url(/v3/images/common_v3_bg_special-visit-forest.png) no-repeat; z-index:2; width:271px; height:78px; left:15%;} .v3_default_container .section_top .receive .blue_box { background:#f1f7fa; width:85%;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin-top:60px; padding-bottom:10px;} .v3_default_container .section_top .receive .blue_box .wrap {margin:20px 20px 20px 30px;padding-top:20px;height:150px} .v3_default_container .section_top .receive .blue_box h2 {font-size:34px; color:#565656; font-weight:normal} .v3_default_container .section_top .receive .blue_box h3 {font-size:24px; color:#565656;font-weight:normal} .v3_default_container .section_top .receive .blue_box input[type=text]{ font-size: 1.5em; padding: 5px 6px; width: 70%; border: 1px solid #a1a1a1; } .v3_default_container .section_top .receive .blue_box input[type=text]{width:68%;margin-right:1%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family:"Signika"; font-size:16px; padding: 8px 6px; margin-top:10px; font-weight:normal; color:#212121;} .v3_default_container .section_top .receive .blue_box .button { float:right; margin-top:8px; background: #127abd; padding: 11px 37px; color: #fff; text-transform: uppercase; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; cursor:pointer; font-family:"Signika"; } .v3_default_container .section_top .receive .blue_box .button:hover { background: #369ddf; } .v3_default_container .section_top .receive .blue_box .smalltext { font-family:"Signika"; font-size:14px; width:71%; text-align:right; font-weight:normal; color:#565656; } .v3_default_container .section_top .receive .blue_box .smalltext a {color:#565656; } .v3_default_container .section_top .receive .blue_box .smalltext a:hover {text-decoration:underline} .v3_default_container .section_top .receive .blue_box .icon.question { float:right; background:url(/v3/images/icon-blue-question.png); width:19px; height:19px; margin-left:5px;} .v3_default_container .section_top .receive .blue_box.transparent { background:url('/v3/images/common-transparent-bg.png'); } .v3_default_container .section ul.stillness {width:100%; color:#565656} .v3_default_container .section ul.stillness li {width:33%; float:left; } .v3_default_container .section ul.stillness li .info{ width:100%; } .v3_default_container .section ul.stillness li .info img{float:left;width:32%; margin-left:5%; margin-right:3%;} .v3_default_container .section ul.stillness li .info .image_off, .v3_default_container .section ul.stillness li .info #read_imagelink:hover .image_on, .v3_default_container .section ul.stillness li .info #watch_imagelink:hover .image_on, .v3_default_container .section ul.stillness li .info #shop_imagelink:hover .image_on{ display:none} .v3_default_container .section ul.stillness li .info .image_on, .v3_default_container .section ul.stillness li .info #read_imagelink:hover .image_off, .v3_default_container .section ul.stillness li .info #watch_imagelink:hover .image_off, .v3_default_container .section ul.stillness li .info #shop_imagelink:hover .image_off{ display:block} .v3_default_container .section ul.stillness li .info .text{float:left;width:55%; min-height:200px; padding-right:5%; } .v3_default_container .section ul.stillness li .info .text p{font-size:14px; } .v3_default_container .section ul.stillness li .info h4{font-family:"Raleway"; font-size:21px; font-weight:normal; margin-bottom:10px; padding-top:20px;} .v3_default_container .section ul.stillness.thankyou li .info h4{color:#fff;} .v3_default_container .section .part {width:100%; } .v3_default_container .section .part .col1 { float:left; width:66%; } .v3_default_container .section .part .col2 { float:left; width:33%; margin-left:1%} .v3_default_container .section .part .col2 h2{ border-bottom:1px solid #b7b7b7; color:#565656; font-size:18px;margin-bottom:10px;} .v3_default_container .section .part .col2 ul.most_viewed_list { } .v3_default_container .section .part .col2 ul.most_viewed_list h4{ font-size:18px; font-family:Roboto; color:#3f92ca; font-weight:normal; padding-bottom:5px;} .v3_default_container .section .part .col2 ul.most_viewed_list li { padding-bottom:5px; width:100%; display:block} .v3_default_container .section .part .col2 ul.most_viewed_list li .image {float:left; width:23%} .v3_default_container .section .part .col2 ul.most_viewed_list li .image img {width:90%} .v3_default_container .section .part .col2 ul.most_viewed_list li .description{ float:left; width:77%} .v3_default_container .section .part .col2 ul.most_viewed_list li a { color:#000;} .v3_default_container .section .part .col2 ul.most_viewed_list li a:hover h4{ text-decoration:underline} .v3_default_container .section .part .col2 p.more{ text-align:center; font-family:Roboto; font-size:14px; color:#1379be;} .v3_default_container .section .part .col2 p.more a {font-family:Roboto; font-size:14px; color:#1379be; font-weight:bold; background:url(/v3/images/more_down_arrow.png) no-repeat bottom center;width:50px; height:34px;display:block;margin:0 auto} .v3_default_container .section .part .col2 p.more a:hover {color:#0f649e; background:url(/v3/images/more_down_arrow_hover.png) no-repeat bottom center;} #footer .quick_links {margin:0px; width:100%; } #footer .quick_links h2 {font-size:16px;font-family:Roboto; color:#fff; font-weight:normal; border-bottom:1px solid #7d7d7d; text-transform:uppercase; line-height:200%;padding-left:40px; margin-bottom:10px;} #footer .quick_links .col1 {float:left; width:33%; text-align:left; } #footer .quick_links .col2 {float:left; width:33%; text-align:left; } #footer .quick_links .col3 {float:left; width:30%; text-align:left; } #footer .quick_links ul {padding-left:40px; } #footer .quick_links ul li { font-family:Roboto; font-size:16px; color:#fff; line-height:180%; width:100%;} #footer .quick_links ul li a { font-family:Roboto; font-size:16px; color:#fff; line-height:180%; text-decoration:none} #footer .quick_links ul li a:hover { text-decoration:underline} #footer .quick_links ul.social {padding-left:40px; } #footer .quick_links ul.social li { padding-top:20px;} #footer .quick_links a.icon { float:left; background: url('/v3/images/v3-social-icons.png') no-repeat; width:35px;height:34px; margin-right:5px;} #footer .quick_links a.icon.email { background-position:0 0; } #footer .quick_links a.icon.email:hover { background-position:0px -30px; } #footer .quick_links a.icon.facebook { background-position:-33px 0; } #footer .quick_links a.icon.facebook:hover { background-position:-33px -34px; } #footer .quick_links a.icon.twitter { background-position:-72px 0; } #footer .quick_links a.icon.twitter:hover { background-position:-72px -34px; } #footer .quick_links a.icon.gplus { background-position:-110px 0; } #footer .quick_links a.icon.gplus:hover { background-position:-110px -34px; } #footer .quick_links a.icon.pinterest { background-position:-150px 0; } #footer .quick_links a.icon.pinterest:hover { background-position:-150px -30px; } .my_downloads .filter_section { padding:20px 0px; border-bottom:1px solid #a1a1a1;} .my_downloads .filter_section h3 { float:left;width:auto; margin-right:30px;} .my_downloads .filter_section .filter { float:left; margin-top:1px; font-size:14px;} .my_downloads .header_section { width:100%;padding:20px 0px; border-bottom:1px solid #a1a1a1; } .my_downloads .header_section .col_issues { float:left; width:35%; } .my_downloads .header_section .col_details { float: left; width: 59%; padding-left:3%;margin-left:2%; } .my_downloads .detail_section { border-bottom:1px solid #a1a1a1; padding-bottom:20px; } .my_downloads .detail_section .col_issues { float:left; width:35%; margin-top:20px; } .my_downloads .detail_section .col_details { float: left; width: 59%; padding-left:3%;margin-left:2%; border-left:1px solid #a1a1a1; margin-top:20px; padding-bottom:40px;} .my_downloads .detail_section .col_issues table tr { cursor:pointer; } .my_downloads .detail_section .col_issues table tr td { } .my_downloads .detail_section .col_issues table tr:hover td.title { background:#33ba56; color:#fff} .my_downloads .detail_section .col_issues table tr td.title .wrap { margin:0px 10px} .my_downloads .detail_section .col_issues table tr td img { width:80px; margin: 5px 10px 0px 0px;} .my_downloads .detail_section .col_issues table tr td.title { width:75%;vertical-align:middle;font-size:16px;line-height:130%;font-family:Roboto; font-weight:normal; } .my_downloads .detail_section .col_issues table tr td.title.selected {background:#33ba56; color:#fff} .my_downloads .detail_section .col_details h3 { font-family:Roboto; font-weight:normal; padding:10px 0px 40px 0px;} .my_downloads .detail_section .col_details .download { border-bottom:1px solid #a1a1a1; } .my_downloads .detail_section .col_details .download img{ width:250px;float:left} .my_downloads .detail_section .col_details .download .box{ float:right; width:50%; } .my_downloads .detail_section .col_details .download .box h4 { border-bottom:1px solid #a1a1a1; font-family:Roboto; font-weight:normal; margin-bottom:10px} .my_downloads .detail_section .col_details .download .box ul li { padding-bottom:20px; display:block;} .my_downloads .detail_section .col_details .download .box ul li label { width:80px; display:inline-block; font-size:14px; float:left} .my_downloads .detail_section .col_details .button{ height: 30px; float: left; padding: 10px 25px; line-height: 28px; display: block; cursor: pointer; text-transform: uppercase; color: #fff; font-size: 12px; background: #3ab753; border: none; font-weight:700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:68%; text-align:center;height:30px; font-family:Roboto; } .my_downloads .detail_section .col_details .button{ background: #4bcf65;} .my_downloads .detail_section .col_details .button:hover { background: #33ba56;} .my_downloads .detail_section .col_details .download .box .safedownload { padding:10px 0px 20px 0px} /*.my_downloads .detail_section .col_details .download .box ul li select, .my_downloads .filter_section .filter select { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #eeeeee; color:#474747; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:12px; outline:none; display: inline-block; border: 1px solid #dbdbdb; height:30px; width:200px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat; background-position: top right; text-indent: 0.01px; text-overflow: ''; }*/ /*.my_downloads .detail_section .col_details .download .box ul li select, .my_downloads .filter_section .filter select { padding:3px; margin: 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background: #eeeeee; color:#474747; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:12px; outline:none; display: inline-block; border: 1px solid #dbdbdb; height:30px; width:200px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat; background-position: top right; text-indent: 0.01px; text-overflow: ''; }*/ .my_downloads .filter_section .filter label {float:left; padding-top:4px; margin-right:4px;} .my_downloads .filter_section .filter .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat top right; overflow: hidden; position: relative;} .my_downloads .filter_section .filter .styled-select, .my_downloads .filter_section .filter .styled-select select { width: 200px;} .my_downloads .filter_section .filter select:focus { outline: none; } .my_downloads .filter_section .filter .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } .my_downloads .filter_section .filter .styled-select select::-ms-expand { display: none; } @-moz-document url-prefix(){ .my_downloads .filter_section .filter .styled-select select { width: 120%; } } .my_downloads .detail_section .col_details .download .box ul li .styled-select { border: 1px solid #ccc; box-sizing: border-box; float:left; height:33px; margin-right:5px; margin-top:-2px; border-radius: 3px; background: #eee url(/v3/images/radio_select_arrow.png) no-repeat top right; overflow: hidden; position: relative;} .my_downloads .detail_section .col_details .download .box ul li .styled-select, .my_downloads .detail_section .col_details .download .box ul li .styled-select select { width: 220px;} .my_downloads .detail_section .col_details .download .box ul li select:focus { outline: none; } .my_downloads .detail_section .col_details .download .box ul li .styled-select select { height: 34px; padding: 5px 0 5px 5px;background: transparent; border: none; color:#6a6a6a; font: normal 14px 'Signika', Arial, Verdana; /*hide default down arrow in webkit */ -webkit-appearance: none; } .my_downloads .detail_section .col_details .download .box ul li .styled-select select::-ms-expand { display: none; } @-moz-document url-prefix(){ .my_downloads .detail_section .col_details .download .box ul li .styled-select select { width: 120%; } } .my_downloads .detail_section .col_details .download_items .full { width:50%; padding:0px 0px 10px 0px;} .my_downloads .detail_section .col_details .download_items ul { width:45%; margin-right:5%; float:left} .my_downloads .detail_section .col_details .download_items ul li{ width:100%; padding:10px 0px;} .my_downloads .detail_section .col_details .download_items ul li label div{ margin-left:30px; } .meditation-alert-bar { width:100%; border:1px solid #791616; height:60px; display:block; background:#fbf1f1; margin-top:10px; line-height:60px;font-family:Roboto; font-size:16px; color:#b7403a; cursor:pointer} .meditation-alert-bar .left{ float:left;width:17%; margin-left:1%; height: 60px;background:url(/v3/images/live-now.png) no-repeat left center; text-indent:-9999px; background-size:100% auto} .meditation-alert-bar .center{ float:left;width:67%; height: 60px;text-align:center;} .meditation-alert-bar .right{ float:right;width:13%; padding-left:2%; height: 60px;background:url(/v3/images/live-now-play.png) no-repeat right center} @media screen and (max-width: 1200px) { .block_video .watch { height:400px;} .v3-video-player { height:400px;} .v3-video-player .video { height:400px; } .top_info_alert {width:25%;} .top_info_alert .box h6{text-indent:0px; width:90%; padding-left:0px } .section_tabs .tab_m li.tab_favorites { margin-top:10px;} #tab_exit_bookmark {margin-top:10px;} .section_tabs #content_relatedvideo ul#publicbookmark_list li .col1 { margin-left:30px; } .section_tabs #content_relatedvideo ul#publicbookmark_list li .col2 { margin-left:30px; } .v3_default_container .section_top h1 {font-size:40px;} .v3_default_container .section_top h3.top {font-size:20px;} .v3_default_container .section_top h4 {color:#fff; font-weight:normal; font-size:18px;} .v3_default_container .section_top .receive .blue_box h2 {font-size:30px; } .v3_default_container .section_top .receive .blue_box h3 {font-size:20px; } .v3_default_container .section_top .receive .blue_box .smalltext { width:70%} .v3_default_container .section .part .col2 ul.most_viewed_list h4{ font-size:16px; } .v3_default_container .section .part .col2 ul.most_viewed_list li p { font-size:12px;} .top_left_bar { float:left; width:33%;} .top_info_alert { width:90%; } .top_info_alert .box h6.past_member_promotion{width:82%; margin-left:18%; text-indent:0px;margin-top:-5px; font-size:11px;} } @media screen and (max-width: 1100px) { .v3_default_container .col2.eckhart_bg {margin-top:6px;} .block_video .watch { height:370px;} .v3-video-player { height:370px;} .v3-video-player .video { height:370px;} .top_info_alert {width:20%;} .top_info_alert .box h6{text-indent:0px; width:90%; margin-top:0px;} .section_tabs .tab_m li.tab_favorites { margin-top:10px;} #tab_exit_bookmark {margin-top:10px;} .section_tabs #content_relatedvideo ul#publicbookmark_list li .col1 { margin-left:30px; } .section_tabs #content_relatedvideo ul#publicbookmark_list li .col2 { margin-left:30px; } .section_tabs ul.tab_selection_box li .wrap{ margin-top:12px; text-indent:5px; padding-top:0px;} .v3_default_container .section_top h3.top {font-size:18px;} .v3_default_container .section_top .receive .blue_box h3 {font-size:18px; } .v3_default_container .section_top .receive .blue_box input[type=text]{width:63%;} .v3_default_container .section_top .receive .blue_box .smalltext { width:66%} .v3_default_container .section_top{height:465px; } .v3_default_container .col2.eckhart_bg {height:465px;} .v3_default_container .section .part .col2 ul.most_viewed_list h4{ font-size:16px; } .v3_default_container .section .part .col2 ul.most_viewed_list li p { font-size:12px;} #gridview_icons_bar { margin-top: 10px; } #content .boxes .author_img img { width:90%; float:right; padding-top:30px;margin-right:-5px;} .filter_mybookmark { top:-5px;} .meditation-alert-bar .center{ width:64%;} .meditation-alert-bar .right{ width:16%;} .top_left_bar { float:left; width:23%; } .top_info_alert { width:90%; } .top_info_alert .box.alertbox {font-size:11px; line-height:120%; margin-top:-5px; } .top_info_alert .icon.i_del{left:93%; } } @media screen and (max-width: 950px) { .v3_default_container .col2.eckhart_bg {background-size:105% auto; background-position-x: right;} .v3_default_container .col2.eckhart_bg {margin-top:26px;} .block_video .watch { height:350px;} .v3-video-player { height:350px; } .v3-video-player .video { height:350px; } .top_info_alert {width:180px;} .top_info_alert .box h6{text-indent:0px; width:150px; margin-top:0px; padding-left:0px;} .section_tabs .tab_m li.tab_favorites { margin-top:10px;} #tab_exit_bookmark {margin-top:10px;} .section_tabs #content_relatedvideo ul#publicbookmark_list li .col1 { margin-left:30px; } .section_tabs #content_relatedvideo ul#publicbookmark_list li .col2 { margin-left:30px; } .section_tabs ul.tab_selection_box li .wrap{ margin-top:12px; text-indent:5px; padding-top:0px; font-size:13px;} .v3_default_container .section_top h1 {font-size:35px;} .v3_default_container .section_top h3.top {font-size:18px;} .v3_default_container .section_top h4 {color:#fff; font-weight:normal; font-size:16px;} .v3_default_container .section_top .receive .blue_box h2 {font-size:27px; } .v3_default_container .section_top .receive .blue_box h3 {font-size:18px; } .v3_default_container .section_top .receive .blue_box input[type=text]{width:60%;} .v3_default_container .section_top .receive .blue_box .smalltext { width:61%} .v3_default_container .section_top{height:445px; } .v3_default_container .col2.eckhart_bg {height:445px;} .v3_default_container .section .part .col2 ul.most_viewed_list h4{ font-size:14px; } .v3_default_container .section .part .col2 ul.most_viewed_list li p { font-size:12px;} .meditation-alert-bar .center{ width:64%;} .meditation-alert-bar .right{ width:16%;} .top_left_bar { float:left; width:20%; } .top_info_alert { width:90%; } .top_info_alert .box h6.past_member_promotion{width:85%; margin-left:21%; text-indent:0px;margin-top:-10px; font-size:10px;} .top_info_alert .box.alertbox {font-size:11px; line-height:120%; margin-top:-5px;} } .popup_video { background:#fff; width:600px; height:360px;border:8px solid #333333;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .popup_video a.close{ background: url(/v2/js/lightbox/themes/default/images/jquery-lightbox-theme.png) no-repeat -190px -115px; width: 29px; height: 29px; position:absolute; right:-35px; z-index:3} .popup_video a.close:hover { background: url(/v2/js/lightbox/themes/default/images/jquery-lightbox-theme.png) no-repeat -220px -115px; } input.default { float:left; width:308px; height:25px; padding:1px 5px; border:1px solid #a1a1a1; background:none; } .download_box { padding:20px 40px; width:615px; } .download_box .header_section {} .download_box .header_section h1{color:#89e39b; font-family:Raleway; font-weight:normal; font-size:50px; border-bottom:1px solid #d7d7d7} .download_box .detail_section { margin-top:15px; padding:0px 20px 10px 20px; width:580px} .download_box .detail_section .title { background:#61db7b; font-family:Raleway; color:#fff; font-size:20px; padding:20px 20px; } .download_box .detail_section .view { position:relative} .download_box .detail_section .view img{ width:100%; height:326px;} .download_box .detail_section .view .video_length{ position:absolute;bottom:0px; left:0px; font-family:Roboto; font-size:17px; z-index:2; background:url(/v3/images/white-semitransparent.png); width:100%; padding:10px; } .download_box .detail_section p { font-family:Roboto; font-size:16px; padding:5px 0px} .download_box .button_section {border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; padding:20px;} .download_box .button_section .downloadnow_button{ display: block; cursor: pointer; color: #fff; background: #3fb34f; border: none; width:300px; font-family:Roboto; font-size:18px; clear:both; padding:20px; margin:0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .download_box .button_section .downloadnow_button:hover{ background: #4bcf65;} .download_box .button_section .purchase_button{ display: block; cursor: pointer; color: #fff; background: #3fb34f; border: none; width:500px; font-family:Roboto; font-size:18px; clear:both; padding:20px; margin:0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .download_box .button_section .purchase_button:hover{ background: #4bcf65;} .download_box .button_section a.link { font-family:Roboto; font-size:18px; color:#3fb34f; text-decoration:underline; } .download_box .button_section a.link:hover{ color: #4bcf65;} .download_box .download_bar_section { padding:15px 0px;} .download_box .download_bar_section h4{ font-family:Roboto; font-size:25px; font-weight:normal; display:block;width:100%; padding:7px 0px } .download_box .download_bar_section .main_bar{ width:100%; background:#ebebeb; height:35px; position:relative; border:1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .download_box .download_bar_section .month_bar{ width:0%; background:#6ddc85; height:35px; position:absolute; top:0; left:0; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .download_box .download_bar_section .this_bar{ width:0%; background:#4fb85d; height:35px; position:absolute; top:0; } .download_box .download_bar_section .red_bar{ width:0%; background:#f59d8c; height:35px; position:absolute; top:0; left:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .download_box .download_section { display:none} .download_box .download_section h4{ background:#61db7b; font-family:Raleway; color:#fff; font-size:14px; padding:10px; width:590px; display:block; } .download_box .download_section ul {clear:both} .download_box .download_section ul li {height:40px; padding:5px 0px;} .download_box .download_section ul li .img{float:left; width:90px; padding:5px 10px;} .download_box .download_section ul li .img img{width:30px;height:30px} .download_box .download_section ul li .img img.ipod{width:50px;height:30px} .download_box .download_section ul li .img img.mp3{width:40px;height:20px} .download_box .download_section ul li .desc{float:left; width:400px} .download_box .download_section ul li .dl{float:left; width:100px} .download_box .download_section ul li .dl .ico_dwn{float: right; width: auto; text-align:right; padding:6px;} .download_box .download_section ul li .dl .ico_dwn a{color: #61db7b; font-size: 16px; background: url(/v4/images/ico_download.png) left top no-repeat; padding: 0 0 0 30px; height: 29px; float:left; text-decoration: none;} .download_box .download_section ul li .dl .ico_dwn a:hover{background: url(/v4/images/ico_download.png) left -31px no-repeat; color: #85C6C1;} .download_box .summary {margin-top:10px; height:30px;} .download_box .summary .col.month{ width:32%; display:inline-block; font-family:Roboto; font-size:16px;} .download_box .summary .col.this{ width:37%; display:inline-block; font-family:Roboto; font-size:16px;} .download_box .summary .col.available{ width:27%; display:inline-block; font-family:Roboto; font-size:16px;} .download_box .summary .col .box{ display:inline-block; height:20px; width:20px;} .download_box .summary .col .box.main{ background:#ebebeb} .download_box .summary .col .box.month{ background:#6ddc85} .download_box .summary .col .box.this{ background:#4fb85d} .download_box .summary .col .box.red{ background:#f59d8c} .download_box .summary .col .box.gray{ background:#ebebeb} .download_box .summary .col .label{ display:inline;height:20px; } .alert-bar {background:#3ab753; width:100%; height:40px;margin-top:1px;padding: 10px 0px;} .alert-bar .center { width: 50%; margin-left: auto; margin-right: auto; } .alert-bar h2 {text-align: center; font-family:Roboto; font-weight:normal;font-size:18px; color:#fff; margin-left:10%; background:url(/v4/images/ettv-info.png) no-repeat; text-indent:50px; width:600px; padding:8px 0px; } .alert-bar h2 a { font-size:14px; color:#fff; text-decoration:underline;} .about_eckhartnow {float:left;padding-left:18px;border-left:1px dashed black;margin-top:18px;} .about_eckhartnow .box { background:url(/v4/images/etnow-about-icon.png) no-repeat; height:30px; font: normal 16px Roboto;margin-top:2px;text-indent:40px;padding-top:6px; } .about_eckhartnow .box a { font-style:italic; color:#1e930a; text-decoration:underline }